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
Lou Mitchell
11 years ago · Last reply by Andrew Misplon 10 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, 1 month ago

    sorry meant to say ive updated the focus theme…

  2. Andrew Misplon Staff 11 years, 1 month 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 10 years, 10 months 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 10 years, 10 months ago

    Hi Lou

    Please change the previous code to read

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

    Hope this helps

    Magus

  5. Andrew Misplon Staff 10 years, 10 months 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