Navigation
Archive / Change Header Color
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • August 20, 2014 at 1:46 pm #88563
    Jonathan A
    Participant

    Hello. I would like to change the color of the header from white to #2c3f96.

    Running Integrity Light / WP v3.9.2 /

    Site is under construction – I can provide URL & login info if needed in private message but for some reason I was not given the private button option on this post.

    Many thanks

    August 20, 2014 at 1:48 pm #88566
    Jonathan A
    Participant
    This reply has been marked as private.
    August 20, 2014 at 1:52 pm #88570
    Kosher K
    Member

    Hi There,

    Can you try adding this in Customizer-> Custom -> CSS

    .x-navbar {
background-color: #2c3f96;
}

    If that doesn’t work please provide access to your site so we can check it live.

    Thanks

    August 20, 2014 at 4:41 pm #88735
    Jonathan A
    Participant

    Thank you. It worked just fine in the customizer but I realized that the top bar now looks strange since it is still white. Would the top bar adjustment just be….

    .x-topbar {
    background-color: #2c3f96;
    }

    August 20, 2014 at 5:01 pm #88751
    Nabeel A
    Moderator

    Hey Jonathan,

    I’m not able to view your website there is a timer on your front-page. Would you mind providing the login details of your website so we can take a look deeply into your issue? Don’t forget to set as a private reply

    August 20, 2014 at 7:57 pm #88874
    Jonathan A
    Participant
    This reply has been marked as private.
    August 20, 2014 at 8:14 pm #88887
    Paula S
    Member

    Hi Jonathan,

    Thanks for providing us the login information. Yes, the code for the topbar is correct and you can use this for your website.

    Let us know if you need further assistance and we’ll be happy to help. Have a nice day.

    August 20, 2014 at 9:11 pm #88924
    Jonathan A
    Participant

    thank you.
    Jonathan

    August 20, 2014 at 9:17 pm #88928
    Rad
    Moderator

    You’re welcome Jonathan!

    September 30, 2014 at 10:25 am #115669
    Jonathan A
    Participant

    Would this be correct to change to footer color?

    .x-footer {
    background-color: #353535;
    }

    September 30, 2014 at 10:49 am #115683
    Cousett
    Member

    Close I would use 

    footer..x-colophon.top, footer.x-colophon.bottom {
background-color: #353535;
}

    Hope this helps.

    September 30, 2014 at 11:00 am #115690
    Jonathan A
    Participant

    great, thank you. Can I assume that if I only wanted the bottom portion (not the top) I could use the following….

    footer..footer.x-colophon.bottom {
    background-color: #353535;
    }

    September 30, 2014 at 11:05 am #115693
    Jonathan A
    Participant

    never mind….figured it out. Thanks so much!

    September 30, 2014 at 1:12 pm #115778
    Zeshan
    Member

    You’re most welcome Jonathan!

    January 17, 2016 at 11:13 am #749929
    Mik3yMcD
    Participant

    hello, im trying to do this same thing but its not working?
    typed in

    .x-navbar {
    background-color: #1e73be;
    }

    into the customize custom css field

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-88563 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>