Home>Support>focus header & update

focus header & update

By Lou Mitchell, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I just updated my website www.brianscottweddings.com and the header has turned from green to grey. As you can see the logo is now not visible. How do i get it back?
You previously gave me this code to fix something (i cant remember what it was – im not the most tech savvy!)
/* Focus Logo */
#masthead {
padding: 10px 0 !important;
color: #000000;
}
#masthead .site-navigation .menu-wrapper ul li a {
font-size: 16px;
font-family: Arial;
text-decoration: bold;
}
thanks

URL: http://www.brianscottweddings.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 6 months ago Lou Mitchell

    sorry meant to say ive updated the focus theme…

  2. 10 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Lou

    Insert the following under Appearance > Custom CSS:

    /* Masthead */
    #masthead {
    color: #000000;
    }
    

    Change #000000 to the hexadecimal color you’d like to use as the header background.

    Let us know if you need any further help here.

  3. 10 years, 3 months ago Lou Mitchell

    Hi – sorry, just got round to doing this!

    I’ve tried this but its only changing the menu text colour and not the background?

  4. 10 years, 3 months ago Magus
    Hi, I Work Here

    Hi Lou

    Please change the previous code to read

    /* Masthead */
    #masthead {
    background-color: #000000;
    }
    

    Hope this helps

    Magus

  5. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Lou! Good to hear from you again. Sorry about that, silly mistake on my part. Give the snippet from Magus a try. Should do the trick. Or you can update your existing Custom CSS and just add in the new property. At the top of your Custom CSS you’re saying:

    #masthead {
    padding: 10px 0 !important;
    color: #ffffff;
    }
    

    Just change that to:

    #masthead {
    background: #000000;
    padding: 10px 0 !important;
    color: #ffffff;
    }
    

    Remember to change #000000 to your preferred color.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More