Changing Colors « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Corona

Changing Colors

15 posts from 7 voices

Started 1 year ago by SSol
Latest reply from Dude
This topic is not a support question

Tags:

SSol
Member

Hey,
I'd like to change the black header and footer to blue.
How would I do this?

Thanks!

Posted 1 year ago #
Dude
Dude
Hey,
in css/custom.css add:
```
#header .submenu, #socket {
    background: #000000;
}
```
and change the background color :)
Posted 1 year ago #
SSol
Member

Thanks for the reply dude.

Should have been clearer, I want to change the header where the top icons are. The widgets at the bottom, as in the bit above the footer and the final footer.

Can I do these separately?

Thanks

Posted 1 year ago #
SSol
Member

Anything here?

Posted 1 year ago #
susanhare
Member

Your question isn't really clear, but I hope this helps. I changed the background color of the entire header area (about the top 125px) by placing the following code in the Quick CSS box:

#header, #socket {
background: #000000;
}

Posted 1 year ago #
Chris Beard

Hey,
@susanhare thanks for helping out :)
@SSol, Excuse me for the delayed response, your topic must have slipped through, could you provide us with your site link as it isn't really clear what you're asking. Screenshots might help.

Posted 1 year ago #
zemantik
Member

I have the same question. We are talking about the black heder were the Sub-Menu and the Social Icons are located.

The custom css code showed before is not working for me :(

Posted 1 year ago #
Dude
Dude

Hey,
can you post a link? We can give you custom css code afterwards.

Posted 1 year ago #
zemantik
Member

Here:

http://wisemillionairejets.com

I would like to change the black top bar where the social icons are located to a different color :)

Posted 1 year ago #
Dude
Dude
Hey,
use following code in css/custom.css to change the colors:
```
#header .submenu {
    background: #000000;
    border-bottom: 7px solid #EEEEEE;
    color: #AAAAAA;
}
```
The first line dictates the black background, the second line changes the grey border color and the third line the text color. All three values are the default values at the moment.
Posted 1 year ago #
nathalyk
Member

I used the code you posted above and it changed the color across the top. The dark grey along the bottom where it lists interesting links, pages, categories and archives has not changed. Is there a different code to use to change the bottom of the page? You can see the blue across the top and the grey along the bottom: http://www.nathalykolp.com/home-3/

Posted 1 year ago #
nathalyk
Member

This is how I changed it:

#header .submenu {
background: #15317E;
border-bottom: 7px solid #15317E;
color: #FF0000;
}

Posted 1 year ago #
seh1970
Member

@ nathalyk
actually your code for the footer is:

#footer {
background: none repeat scroll 0 0 #222222;
border-bottom: 1px solid #333333;

change the colour you want.

Posted 1 year ago #
nathalyk
Member

Thank you! :)

Posted 1 year ago #

Dude
Dude

Yes seh1970 code is correct - use:

#footer {
background: none repeat scroll 0 0 #222222;
border-bottom: 1px solid #333333;
}

Kriesi.at - Wordpress Themes and HTML Templates

Changing Colors

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…