Title: Primary Menu Hover State
Last modified: November 27, 2016

---

# Primary Menu Hover State

 *  [claremc](https://wordpress.org/support/users/claremc/)
 * (@claremc)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/)
 * On the primary navigation menu, how do I remove the background colour from the
   hover state?
    So there is no background colour when you hover over the link. 
   I just want the text colour to change from black to grey when you hover over 
   the link.
 * I’ve tried to change the following:
 * .main-menu > li:hover > a {
    color: #757575; background: none; }
 * The text colour changes, but the background hover colour remains. How do I remove
   it?

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

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/#post-8485374)
 * Hello there,
 * Try this code:
 *     ```
       .main-menu > li:hover > a {
         color: #757575;
         background-color: transparent;
       }  
       ```
   
 * Regards,
    Kharis
 *  Thread Starter [claremc](https://wordpress.org/support/users/claremc/)
 * (@claremc)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/#post-8486646)
 * thanks for your help.
    But it still doesn’t work.
 * I don’t think the class is
    .main-menu > li:hover > a but I can’t seem to find
   it.
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/#post-8487112)
 * Hello there,
 * Where did you apply that custom CSS? Be sure that a group of CSS where it be 
   part of is error free. You can validate it using this tool: [https://jigsaw.w3.org/css-validator/#validate_by_input](https://jigsaw.w3.org/css-validator/#validate_by_input)
 * Perhaps your site is being cached by a plugin like W3 Total Cache? If so, you
   should delete the cache after adding some code. Otherwise, it won’t take affect
   on your site.
 * Regards,
    Kharis
 *  Thread Starter [claremc](https://wordpress.org/support/users/claremc/)
 * (@claremc)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/#post-8487194)
 * I’m applying the custom css to a child theme css stylesheet using a text editor.
   
   Its not caching, it still on my local computer.
 * This works
    color: #757575;
 * This doesn’t
    background-color: transparent;

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

The topic ‘Primary Menu Hover State’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/radcliffe/2.1.2/screenshot.jpg)
 * Radcliffe
 * [Support Threads](https://wordpress.org/support/theme/radcliffe/)
 * [Active Topics](https://wordpress.org/support/theme/radcliffe/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/radcliffe/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/radcliffe/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 4 replies
 * 2 participants
 * Last reply from: [claremc](https://wordpress.org/support/users/claremc/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/primary-menu-hover-state/#post-8487194)
 * Status: not resolved