Title: Changing Menu Background Hover Color
Last modified: August 30, 2016

---

# Changing Menu Background Hover Color

 *  Resolved [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/)
 * Hello,
 * I’d like to know how can I change the menu hover color.
 * This is what I want to do: (I’d like the text color to stay always white regardless
   of the action and the hover background color displayed as the “Blog” one in the
   second image)
 * [https://docs.google.com/document/d/12_rUrDvKfDmZ31V8ou4gkCNFP9REi-aoggqdLhrWcJw/edit?pli=1](https://docs.google.com/document/d/12_rUrDvKfDmZ31V8ou4gkCNFP9REi-aoggqdLhrWcJw/edit?pli=1)
 * My site: [http://www.speakingoftrading.com/login/](http://www.speakingoftrading.com/login/)
 * Thanks for any help! 🙂

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

 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298550)
 * Hello Jiks,
 * You can try this in your Custom CSS for achieving that:
 *     ```
       .collapse ul li a:hover {
           background-color: #004f77 !important;
           color: #fff !important;
       }
       ```
   
 * Thank you.
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298601)
 * Hello,
 * Thank you so much, that’s exactly what I wanted!
    Do you know if it’s possible
   to retain the same layout when the menu is selected? Displaying the same result
   for both selected and hovered.
 * Thanks again. 🙂
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298636)
 * Hello Jiks,
 * You need to try this for achieving that:
 *     ```
       .current-menu-item a {
           background-color: #004f77 !important;
           color: #fff !important;
       }
       ```
   
 * Thank you.
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298643)
 * Hello,
 * Thanks again for your help! All the best to you. 🙂
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298683)
 * Pleasure to help you. 🙂
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298690)
 * Hello,
 * I created a sub-menu under “Blog” as an example. Do you know how I can style 
   all the sub-menus to match the appearance of the menus? Right now they appear
   with white background and the text color is not white…
 * Thanks again 🙂
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298698)
 * Hello Jiks,
 * You have to try this in your Custom CSS for the sub-menu:
 *     ```
       .dropdown-menu li a {
           background-color: #003c54;
           color: #fff;
       }
       ```
   
 * Thank you.
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298700)
 * Hello Sam,
 * Thanks again for your help. 🙂
 * Regards
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298701)
 * Pleasure to help you. 🙂
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298703)
 * Hello 🙂
 * I posted this today here, don’t know if you know how to deal with this issue,
   as I think it’s not CSS related, any thoughts? Cannot fix it. 🙁
 * [https://wordpress.org/support/topic/textbox-width-problem?replies=1](https://wordpress.org/support/topic/textbox-width-problem?replies=1)
 *  Thread Starter [Jiks](https://wordpress.org/support/users/jiks/)
 * (@jiks)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298712)
 * On other topic.

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

The topic ‘Changing Menu Background Hover Color’ is closed to new replies.

 * 11 replies
 * 2 participants
 * Last reply from: [Jiks](https://wordpress.org/support/users/jiks/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/changing-menu-hover-color-2/#post-6298712)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics