Change menu button colours

  • greentrough

    (@greentrough)


    9 years, 11 months ago

    Hi,

    I’d like to know how to change the menu button colours on my website. For example, when I click on ‘Green Trough System’ in the top menu, that link then turns red after clicking on it. How do I change the red to a different colour?

    Also if you click on News and events in the top menu then the posts turn red when you hover over them, I’d also like to change that.

    I have changed everything in the customise menu to green but I’m still seeing this red.

    greentrough.com

    Thanks
    Ben

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

    (@themeislesupport)

    9 years, 11 months ago

    Hi Ben,

    You can achieve what you’re after by adding following custom CSS to your theme. You can either add it directly to your child theme’s stylesheet, or using Jetpack’s custom CSS module (as I can see you have it installed) by navigating to Appearance -> Edit CSS from your WordPress dashboard:

    .nav > li.current_page_item a, .nav > li.current-menu-item a {
    color: #bee256;
}

ul.nav > li.current_page_item > a:before, .nav > li.current-menu-item > a:before {
    background: #bee256;
}
.listpost-content-wrap h1.entry-title a:hover{
    color: #bee;
}

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

    Thread Starter greentrough

    (@greentrough)

    9 years, 11 months ago

    Perfect! Thank you so much.

    What is the code to do the same to the ‘posted on’ date?

    http://greentrough.com/category/news/

    Thanks
    Ben

    Suyogya Shukla

    (@themeislesupport)

    9 years, 11 months ago

    Hi Ben,

    This CSS should do the trick for the “posted on” date:

    article .entry-meta a:hover{
    color: #bee;
}

    Hope it helps.

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

The topic ‘Change menu button colours’ is closed to new replies.