If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #5876


    I’d like to change the black header and footer to blue.

    How would I do this?




    in css/custom.css add:

    #header .submenu, #socket {
    background: #000000;

    and change the background color :)


    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?



    Anything here?


    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;




    @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.


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



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




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



    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.


    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/


    This is how I changed it:

    #header .submenu {

    background: #15317E;

    border-bottom: 7px solid #15317E;

    color: #FF0000;



    @ 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.


    Thank you! :)


    Yes seh1970 code is correct – use:

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

    in css/custom.css

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Changing Colors’ is closed to new replies.