This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

focus header & update

Open 5 replies themetheme-focus
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Lou Mitchell 11 years, 4 months ago

    sorry meant to say ive updated the focus theme…

  2. Andrew Misplon Staff 11 years, 4 months ago

    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. Lou Mitchell 11 years, 1 month ago

    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. Magus Staff 11 years, 1 month ago

    Hi Lou

    Please change the previous code to read

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

    Hope this helps

    Magus

  5. Andrew Misplon Staff 11 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread