Header/logo area change background colour

Viewing 3 replies - 1 through 3 (of 3 total)
  • Suyogya Shukla

    (@themeislesupport)

    9 years, 12 months ago

    Hi there,

    You can achieve what you are after by adding following custom CSS to Zerif using our Advanced CSS Editor plugin. 

    #main-nav{
    background-color : #081D38;
}
.navbar-inverse .navbar-nav>li>a{
    color: #FFF;
}

    Also, you can change hover color with following CSS 

    .navbar-inverse .navbar-nav>li>a:hover {
    color: #bee;
}

    Change HEX codes according to your needs. Hope it helps.

    Thread Starter advent12

    (@advent12)

    9 years, 12 months ago

    Thank you very much for your help. I’ve rated zerif a 5 star! Love it.

    Suyogya Shukla

    (@themeislesupport)

    9 years, 12 months ago

    Hey there,

    Glad I was able to help and thank you so much for the rating! Also, don’t forget to mark this thread as resolved. Cheers 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header/logo area change background colour’ is closed to new replies.