Header Background Colour Help

  • kiryyy

    (@kiryyy)


    7 years, 5 months ago

    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 Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 5 months ago

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

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/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.

    Thread Starter kiryyy

    (@kiryyy)

    7 years, 5 months ago

    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 Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 5 months ago

    Please contact the support team for your theme.

    Moderator Mel Choyce-Dwan

    (@melchoyce)

    7 years, 5 months ago

    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)

    7 years, 5 months ago

    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)

    7 years, 5 months ago

    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.