Changing header background colour

  • Resolved rbj93

    (@rbj93)


    5 years, 7 months ago

    Hi, I’m trying to change the colour of the main header from white to #850000. I’ve been through the Theme Editor and figured that if I change the background image to background colour in this then the header once scrolled down has the colour I want:

    .nav-affix #thememattic-header.site-header .main-header {
    padding: 10px 0;
    background-image: none !important;
}

    But I want it to be #850000 permanently. I’m guessing this is somewhere other than the stylesheet, but I can’t find it.

    Does anybody have any ideas?

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter rbj93

    (@rbj93)

    Hey all, I’ve fixed this by adding this into the additional css section:

    body #thememattic-header.site-header .main-header {
    background: #850000;
}

    Thanks!

    Anonymous User 16453565

    (@anonymized-16453565)

    Hey, @rbj93

    To change the background color add below css code into Appearance → Customize → Additional CSS:

    #thememattic-header {
  background-color: #850000;
}

.nav-affix .main-panel #thememattic-header.site-header {
  background: #850000;
}

    Hope the above code will help you.
    Thank you.

    Thread Starter rbj93

    (@rbj93)

    Hi Snehal,

    That works perfectly! Thank you so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing header background colour’ is closed to new replies.