Title: Change menu button colours
Last modified: September 1, 2016

---

# Change menu button colours

 *  [greentrough](https://wordpress.org/support/users/greentrough/)
 * (@greentrough)
 * [10 years ago](https://wordpress.org/support/topic/change-menu-button-colours/)
 * 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](http://www.greentrough.com)
 * Thanks
    Ben

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

 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/change-menu-button-colours/#post-7562663)
 * 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](https://wordpress.org/support/users/greentrough/)
 * (@greentrough)
 * [10 years ago](https://wordpress.org/support/topic/change-menu-button-colours/#post-7562811)
 * Perfect! Thank you so much.
 * What is the code to do the same to the ‘posted on’ date?
 * [http://greentrough.com/category/news/](http://greentrough.com/category/news/)
 * Thanks
    Ben
 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/change-menu-button-colours/#post-7562833)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/change-menu-button-colours/#post-7562833)
 * Status: not resolved