I would like to have one of the drop down menus to have a BOLD css attribute. For example lets say that my menu is:
and I want the Contact Us line to be in red and bold. In the WP3 menu option there is a field where you can set up a CSS Classes (optional) field. I tried adding a class there and then adding it either to the style.css or to the style1.css but none are being taken and the whole menu uses the same font/color/style.
That particular menu is menu-item-719 lets say. Can someone point me to what I may be doing wrong and giving me a css definition I could try and where should I try it? style1.css or style.css? If I add a definition called: special I get this in the html
<li id=”menu-item-719″ class=”special menu-item menu-item-type-custom”>
Also as a sidenote I was thinking of maybe adding a small icon to the left of each drop down for example it would show
But for some reason I can seem to style an individual line in the menu. I woudl appreciate if someone could point me in the right direction.
have you tried to add !important to your style declarations?
color: #000 !important;
font-family: Arial !important;
background: #ff0000 !important;
The topic ‘How to style a single menu item differently than the rest of the menu’ is closed to new replies.