Support » Fixing WordPress » Header Background Colour Help

  • kiryyy



    I need to change the header background colour to #231f20. It is currently white and I can’t change it in the settings/customizer.

    Can anyone help with some CSS that will change it?
    Here is the live preview of the theme that i have because the website is not live yet.


    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steve Stern


    Support Team Volunteer

    #header-wrap {
       background: #231f20;

    To add or override CSS: use the “Additional CSS” option in the customizer.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Note that you’ll need to change the link (and non-link) colors for the items that appear in the header so they’re more visible.

    • This reply was modified 7 months ago by  Steve Stern.


    Thank you, that helped to change it, but when i scroll down it’s still white(the header is sticky) . How to fix that?

    Moderator Steve Stern


    Support Team Volunteer

    Please contact the support team for your theme.

    Moderator Mel Choyce


    When the menu becomes sticky, a new class is applied to the the #header div:


    That .stuck class applies a new background. You’ll want to overwrite that background as well.



    Try this CSS:

    #header.stuck {background-color: rgba(140, 62, 62, 0.95);}

    This is a CSS issue, though, and not a “WordPress not working” issue. To get started editing CSS take a few minutes to learn the developer tools in Chrome (right click> Inspect). It’s a wonderful way to find the CSS selectors you’ll need to change.



    Obviously, you’ll need to change the RGB and transparency settings to what you need.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Background Colour Help’ is closed to new replies.