Title: Menu – CSS Classes (optional)
Last modified: August 20, 2016

---

# Menu – CSS Classes (optional)

 *  [Paul44](https://wordpress.org/support/users/paul44/)
 * (@paul44)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/)
 * Can someone PLEASE explain exactly what CSS Classes (optional) is in the Menu
   Section and provide some examples of it’s use. I am trying to get a different
   Background Color for the Menu Item ‘onmouseover’. Can someone please explain 
   how this can be done, hopefully without re-writing <php> code…
    Thanks, Paul

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085043)
 * link to your site?
 * this is theme specific.
 * [http://www.w3schools.com/css/css_link.asp](http://www.w3schools.com/css/css_link.asp)
 *  Thread Starter [Paul44](https://wordpress.org/support/users/paul44/)
 * (@paul44)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085086)
 * I have put my own Menu into WordPress 3.1.2 and under a Menu Item there is a 
   CSS Classes (optional) where I placed a:hover {color:#FF00FF;} -but- when I save
   the Menu Item it changes the codes to ahover colorFF00FF Whatever, the hover 
   does not change the color. My site is using the default Twenty Ten 1.2 template,
   although I am thinking about going to the Suffusion Template. The site address
   is thecountyjail.com Thanks for your help.
    Paul
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085092)
 * open your stylesheet (style.css) from the Appearance –> editor.
 * Line 429:
 *     ```
       #access li:hover > a, #access ul ul *:hover > a {
           background: none repeat scroll 0 0 #333333;
           color: #FFFFFF;
       }
       ```
   
 * Change the #333333 to whatever you want.
 * Phil
 *  Thread Starter [Paul44](https://wordpress.org/support/users/paul44/)
 * (@paul44)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085134)
 * NOW – that’s exactly what I needed.
    Thanks, Paul (learning – very slowly) 🙂
   🙂 🙂
 *  Thread Starter [Paul44](https://wordpress.org/support/users/paul44/)
 * (@paul44)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085192)
 * Another dumb css question.
    I am now trying to work on a Suffusion Theme site
   that has css: #nav ul { list-style: none; list-style-type:none; display: block;
   margin: 0 0 -1px 0; padding: 0; float: left; vertical-align: bottom; }
 * #nav ul li {
    margin: 0 4px 0 0; padding: 0; float: left; border: 1px solid #
   009000; } #nav.continuous ul, #nav-top.continuous ul { margin-left: 10px; } #
   nav.continuous ul ul, #nav-top.continuous ul ul { margin-left: 0; } #nav.continuous
   ul li { margin: 0; border: none; }
 * #nav ul li a {
    padding: 8px 8px 5px 8px; text-decoration: none; color: #222;
   display: inline-block; }
 * #nav ul ul li,
    #nav ul ul li a { z-index: 100; }
 * #nav .current_page_item a,
    #nav .current_page_item a:hover, #nav li a:active{
   text-decoration: none; }
 * /* float the list to make it horizontal and a relative positon so that you can
   control the dropdown menu positon */
    #nav li { float:left; position:relative;
   z-index: 1; }
 * #nav li a:hover,
    #nav li:hover, #nav li.sfHover { z-index: 100;
 * I have changed the #nav li a:hover, about ### times and I guess I just don’t 
   have a grasp on css. How can I get the Hover to show the background color of 
   0051d0 and preferably Bold.
    Thanks again for your help, Paul
 *  Thread Starter [Paul44](https://wordpress.org/support/users/paul44/)
 * (@paul44)
 * [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085195)
 * Also the Menu has something called
    CSS Classes (optional) and when I put in 
   background yellow color black -or I also tried background-color Blue -but- they
   don’t do anything to the Menu Button Any (Help / Suggestions) would be appreciated.
   Thanks, Paul

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

The topic ‘Menu – CSS Classes (optional)’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 3 participants
 * Last reply from: [Paul44](https://wordpress.org/support/users/paul44/)
 * Last activity: [15 years ago](https://wordpress.org/support/topic/menu-css-classes-optional/#post-2085195)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics