Home>Support>Focus – change title bar color

Focus – change title bar color

By imagisti, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

how difficult is it to change the title bar color from the default black? I see a css code for the masthead but nothing for the title bar itself?

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

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    Try the following under Appearance > Custom CSS:

    /* Focus Masthead */

#masthead {
background: #212326 !important;
}

/* Focus Menu Colors */

#masthead .site-navigation .menu-wrapper ul li a {
color: #fff;
}

#masthead .site-navigation .menu-wrapper ul li:hover > a {
color: #ccc;
}

    Edit as required.

    Should do the trick. The masthead is the top bar, unless I’m missing you there.

  2. 9 years, 8 months ago imagisti

    Thank you I think you are missing my point though… I know the masthead but just below it there is a larger rectangle where the menu sits… that is what I’m interested in changing

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Sorry, I’m not with you. The Focus menu is positioned in the masthead, which is the very top bar in the theme.

    http://demo.siteorigin.com/focus/

    Can you take a look at the demo and try again to let me know which area you’re referring to?

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