Security

last person joined: yesterday 

Forum to discuss Enterprise security using HPE Aruba Networking NAC solutions (ClearPass), Introspect, VIA, 360 Security Exchange, Extensions, and Policy Enforcement Firewall (PEF).
Back to discussions
Expand all | Collapse all

Custom Skins - changing colors

This thread has been viewed 3 times

  • 1.  Custom Skins - changing colors

    Posted Jan 08, 2013 12:22 PM

    Hey,

     

    I have been playing around with the Custom Skins and have been successful in changing the logo. However, I am having a hard time changing the background color for the page.

    Can we change it using the CSS Styles section when configure the Custom Skin 1?

     

    Or are we supposed to edit this some place else?

    I was messing around with the backgroud-color: attribute, I added it to each of the containers available in the CSS section (topContainer, tdNAV, etc..) and it only seemed to effected certain areas of the page.

     

    When I did a view page source I could see that there is this some HTML affecting the body color. Is there away to change that?

    I have a feeling maybe I am editing it in the wrong place.

     

    Any advice would be grearly appreciated!

     

    Thank you,

     

    Cheers

     



  • 2.  RE: Custom Skins - changing colors

    Posted Jan 08, 2013 04:53 PM

    You could try the following CSS:

     

    html, body { background-color: #cccccc; }

     

    (updating the color appropriately)



  • 3.  RE: Custom Skins - changing colors

    Posted Jan 08, 2013 05:01 PM

    Hey,

     

    Thanks for the reply.

    I gave your suggestion a whirl.

     

    This is what I had added:

     

    {literal}

    <style type="text/css">
    html, biody { background-color: #9f9f9f; }

    .

    .

    {/literal}

     

    Unfortunately it had no effect.

    when I viewed the page source I could see the change I made, but the background is still just the plain white.

     

    I am wondering if I add this: <body color="#cccccc"../> to the Header section if this would correct the issue.

    Will give it a try now.

     

    Wouldn't happen to have any other things I could try?

     

    Thank you again!

     

    Cheers

     

    =================================

     

    @ShawnShoe

    Thanks for the reply.

    I hadn't really looked at the blank style to be honest. I am definitely not an expert in CSS so was hoping to get away with just modifying what they have.

    But if I can't I will give this a whirl as well!

     

    So you edited the HTML under the Customization > Web Logins, as apposed to actually being under the blank skin?



  • 4.  RE: Custom Skins - changing colors

    Posted Jan 08, 2013 05:17 PM
      |   view attached

    Correct.  You edit the options in web logins for your specific page.   Once you click "Edit", there should be a "Login Page" section on there and placed to edit the "Header HTML" and "Footer HTML".  

     

    I've done the same thing for all my guest-self registration pages as well.

     

    I've uploaded a screen shot of one of my login pages for our guest network, which is also a shameless plug for my university :)



  • 5.  RE: Custom Skins - changing colors

    Posted Jan 09, 2013 08:17 AM

    That is awesome @ShawnShoe!

    Great work.

     

    I didn't realize you can get that detailed. I will look back at your example again and see if I can get some changes going on the Login and Self-Registration pages.

    Even if I can't get into the CSS stuff, if I can produce some simple HTML pages I would be pretty happy!



  • 6.  RE: Custom Skins - changing colors

    Posted Jan 09, 2013 01:23 PM

    Thanks for the help @ShawnShoe and everyone else that suggest a solution.

     

    I have finally been able to make some custom adjustments. Just need to learn how to use CSS properly haha.

     

    Thanks again for the help.

     

    Cheers



  • 7.  RE: Custom Skins - changing colors
    Best Answer

    Posted Jan 08, 2013 04:57 PM

    I know on ours, I use the Blank Skin for everything and then edit the header html and footer html areas.  I've uploaded Custom CSS files to the content manager and just referred to them in my config.  Here is an example of one of my header HTML boxes in my Web Login Page:

     

     

    <head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--[if lt IE 9]>
<script src="public/html5shiv.js"></script>
<![endif]-->
<link href="public/main.css" rel="stylesheet" type="text/css">
<link href="public/cpmain.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<header class="banner">
<div id="headerLogo">
<img src="public/150logo2.png" alt="Header logo" /></div></header>

     

    Not sure if this is what you're looking for but it might help.  I tried using the Custom Skins without much luck so switched to the blank and was able to get the desired look for our site.