Support » Fixing WordPress » Header Background Colour Help

  • kiryyy

    (@kiryyy)


    Hey,

    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.

    Thanks
    Ivana

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

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

    (@sterndata)

    Support Team Volunteer

    #header-wrap {
       background: #231f20;
    }

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

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

    (@kiryyy)

    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

    (@sterndata)

    Support Team Volunteer

    Please contact the support team for your theme.

    Moderator Mel Choyce

    (@melchoyce)

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

    #header.stuck

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

    RodSalm

    (@rodsalm)

    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.

    RodSalm

    (@rodsalm)

    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.