Title: [Plugin: Custom Menu] customize css
Last modified: August 20, 2016

---

# [Plugin: Custom Menu] customize css

 *  Resolved [marisaporter](https://wordpress.org/support/users/marisqa/)
 * (@marisqa)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-menu-customize-css/)
 * Hi.
 * I like the simplicity of this plugin. I would like to know how I can customize
   the css. How do I make the menu items have the styles I want (size, background-
   color, etc), and especially to be aligned horizontally instead of vertically.
   Thanks.
 * [http://wordpress.org/extend/plugins/custom-menu/](http://wordpress.org/extend/plugins/custom-menu/)

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

 *  Thread Starter [marisaporter](https://wordpress.org/support/users/marisqa/)
 * (@marisqa)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-menu-customize-css/#post-2921961)
 * Hey I added this:
 * li { float: left; position:relative; width: auto; margin: 15px 10px 5px 1px; 
   padding:2px; }
 * to style.css and I’m on my way. I had no idea it would be this simple – except
   now I have to keep it from interfering from my other li items. Simple I’m sure.
 *  Thread Starter [marisaporter](https://wordpress.org/support/users/marisqa/)
 * (@marisqa)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-menu-customize-css/#post-2921962)
 * But if you want to help me out it’s much appreciated.
 *  Thread Starter [marisaporter](https://wordpress.org/support/users/marisqa/)
 * (@marisqa)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-menu-customize-css/#post-2922120)
 * I am so brilliant! I finally simply took my shortcode and surrounded it with 
   the divs “myMenu” like this:
 * <div class=”myMenu”>
    <?php echo do_shortcode( ‘[menu name=”Solutions”]’ ) ?>
   </div>
 * Then in my style.css I put .myMenu in front of the li style.
 * .myMenu li { float: left; position:relative; width: auto; margin: 5px 10px 20px
   1px; padding:2px 3px 2px 8px; color:#ccc !important; }
    .myMenu li a {color:#
   ccc !important;} .myMenu li a:hover{color:#1C92CB !important; }
 * You would think I would have thought of this sooner.
 * I don’t know if the !important code is important.

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

The topic ‘[Plugin: Custom Menu] customize css’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/custom-menu.svg)
 * [Custom Menu](https://wordpress.org/plugins/custom-menu/)
 * [Support Threads](https://wordpress.org/support/plugin/custom-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-menu/reviews/)

 * 3 replies
 * 1 participant
 * Last reply from: [marisaporter](https://wordpress.org/support/users/marisqa/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-menu-customize-css/#post-2922120)
 * Status: resolved