Title: Highlighting certain "menu button"
Last modified: August 20, 2016

---

# Highlighting certain "menu button"

 *  Resolved [nkbitsch](https://wordpress.org/support/users/nkbitsch/)
 * (@nkbitsch)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/highlighting-certain-menu-button/)
 * Hi everybody.
 * I’m working on the website riyadelcadi.photogear.dk
 * I want to hightlight/invert the top bar menu button “Special Offers”, in order
   for it to “pop-out”.
 * I have figured out that I can change the background color in the following code
   to change the background color on the entire menu bar, but how do I change only
   a single button?
 *     ```
       .main_nav_in ul li a {
       color: #545628;
       background: white url(../images/navbg.png) repeat-x left top;
       border-left: 1px solid white;
       }
       ```
   

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

 *  [dcd018](https://wordpress.org/support/users/dcd018/)
 * (@dcd018)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/highlighting-certain-menu-button/#post-2373127)
 * You’ll have to browse through your theme’s templates and find the html from .
   main_nav_in and give each li a class or id, then you can reference each listed
   item separately within your theme’s style.css.
 *  Thread Starter [nkbitsch](https://wordpress.org/support/users/nkbitsch/)
 * (@nkbitsch)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/highlighting-certain-menu-button/#post-2373152)
 * Hi again. Thank you so much.
 * I have found the class: class=”menu-item menu-item-type-post_type menu-item-object-
   page menu-item-962″
 * How do i refer to that specific class in the CSS?
 *  Thread Starter [nkbitsch](https://wordpress.org/support/users/nkbitsch/)
 * (@nkbitsch)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/highlighting-certain-menu-button/#post-2373183)
 * i nailed it..
 *     ```
       #menu-item-962 a {
       color: white;
       background: blue;
       border-left: 1px solid white;
       }
   
       #menu-item-962 .sub-menu a {
       color: #545628;
       background: white;
       }
       ```
   

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

The topic ‘Highlighting certain "menu button"’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [nkbitsch](https://wordpress.org/support/users/nkbitsch/)
 * Last activity: [14 years, 6 months ago](https://wordpress.org/support/topic/highlighting-certain-menu-button/#post-2373183)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics