Changing the colour of the Header and Nav Tabs in Smartbiz

  • Resolved Matthew Moore

    (@moorey)


    11 years, 4 months ago

    Hi,

    I just started using smartbiz theme for my website, http://www.honeypotmedia.co.uk.

    It’s great – love it.

    Our brand colours are orange, gold and black – like a honeycomb.

    Is it possible to change the colour of the header background (logo area) and also the colour of the nav tabs when you scroll over them. They currently turn green. Can I make them Orange? and can I make the header/ banner Orange too?

    Help would be much appreciated.

    Regards
    Matthew

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 4 months ago

    Does that theme come with a section in the dashboard named something similar to, “Custom CSS” or “Custom Styles”, or are you using a Child Theme?

    Thread Starter Matthew Moore

    (@moorey)

    11 years, 4 months ago

    HI yes it has a custom CSS section
    Thanks Andrew

    WPyogi

    (@wpyogi)

    11 years, 4 months ago

    Try adding these to your custom CSS – may not be everything you want to do, but a start:

    #banner-bg {
 background-color: #XXXXXX;
}

#menu1-wrapper {
    background: none repeat scroll 0 0 #XXXXXX;

#menu1 > li:hover, #menu1 > li.active, #menu1 > li.ancestor {
    border-top: 5px solid #XXXXXX;
}

    Change the x’s to color codes you want.

    To identify other CSS, try using Firebug — it’s a great tool for CSS work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing the colour of the Header and Nav Tabs in Smartbiz’ is closed to new replies.