Security

Reply
Super Contributor II
Posts: 387
Registered: ‎09-05-2012

Custom Skins - changing colors

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

 

Aruba
Posts: 113
Registered: ‎11-21-2011

Re: Custom Skins - changing colors

You could try the following CSS:

 

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

 

(updating the color appropriately)

Frequent Contributor I
Posts: 63
Registered: ‎05-21-2012

Re: Custom Skins - changing colors

[ Edited ]

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.

 

Super Contributor II
Posts: 387
Registered: ‎09-05-2012

Re: Custom Skins - changing colors

[ Edited ]

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?

Frequent Contributor I
Posts: 63
Registered: ‎05-21-2012

Re: Custom Skins - changing colors

[ Edited ]

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 :)

Super Contributor II
Posts: 387
Registered: ‎09-05-2012

Re: Custom Skins - changing colors

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!

Super Contributor II
Posts: 387
Registered: ‎09-05-2012

Re: Custom Skins - changing colors

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

Search Airheads
Showing results for 
Search instead for 
Did you mean: