Title: Custom Menu — CSS Classes
Last modified: August 21, 2016

---

# Custom Menu — CSS Classes

 *  [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/)
 * I am trying to add a custom item to my main menu. I want to add a logo, and have
   it float right — away from the other menu items. I have created a Menu item, 
   and successfully added the logo to the menu. For the CSS Classes (optional) field,
   I added “realtylogo”.
 * Next, I went into my style.css file and added the following lines:
 * .realtylogo {
    float:right; }
 * That didnt work. When using Firefox’s Firebug, I noticed that the class was coming
   out as: “_realtylogo menu-item menu-item-type-custom menu-item-object-custom 
   menu-item-270_“.
 * Could someone please help me out with my next steps? I’ve been working on this
   for a few hours, and am stumped.
 * Thanks so much ahead of time

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

 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816743)
 * Site link?
 *  Thread Starter [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816753)
 * [http://www.playabacoa.com/site](http://www.playabacoa.com/site)
 *  Thread Starter [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816754)
 * Thanks for the quick response, btw
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816773)
 * Your site never finished loading – don’t know what’s going on except that you
   have tons of JS in that theme. Since it’s a commercial theme, you really should
   look to the developer for help.
 * That said, you’re on the right track though I’d just use the already defined 
   menu item ID for specific styling.
 *     ```
       <li id="menu-item-270" class="realtylogo menu-item menu-item-type-custom menu-item-object-custom menu-item-270">
       ```
   
 *  Thread Starter [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816804)
 * right, so
 * .menu-item-270 {
    float:right; }
 * I’ved also tried:
 *     ```
       #menu li.menu-item-270 {
            float:right;
       }
       ```
   
 * &
 *     ```
       li.menu-item-270 {
            float:right;
       }
       ```
   
 * no luck :-/ any more suggestions? Thank you for your help so-far. I have tried
   contacting the developers…but in the mean-time, I was hoping to try and fix it
   myself (with a little help of course)
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816809)
 * I’m sorry but as you are using a commercial theme, you need to seek support from
   the theme’s developer/vendor. We do not support [commercial products](http://codex.wordpress.org/Forum_Welcome#Commercial_Products)
   here.
 *  Thread Starter [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816811)
 * its more of a general customization…I’d have the same question if it was for 
   twenty-twelve theme.
 * So let me start again. If I have a twenty-twelve theme, how would I align one
   of my menu items to the right?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816815)
 * No – it is not a general customisation. All CSS is highly theme-specific.
    It
   is also beyond the scope of these forums to deal with _general_ CSS issues. Try
   a dedicated CSS resource such as [http://www.css-discuss.org/](http://www.css-discuss.org/)
   instead. Or contact whoever you purchased the theme from. We do not support [commercial products](http://codex.wordpress.org/Forum_Welcome#Commercial_Products)
   here.
 *  Thread Starter [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * (@bobbynoonan)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816819)
 * thanks for your time.

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

The topic ‘Custom Menu — CSS Classes’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 4 participants
 * Last reply from: [bobby.noonan](https://wordpress.org/support/users/bobbynoonan/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/custom-menu-css-classes/#post-3816819)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics