Support » Theme: Minimal Lite » Changing header background colour

  • Resolved rbj93

    (@rbj93)


    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)
  • 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!

    Brahmbhatt

    (@snehalb890)

    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.

    rbj93

    (@rbj93)

    Hi Snehal,

    That works perfectly! Thank you so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.