Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #2606

    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:




    –New York


    –Contact US

    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




    <icon>–New York


    <icon>–Contact US

    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;



    how did I miss this /facepalm



    Glad that I could help you :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to style a single menu item differently than the rest of the menu’ is closed to new replies.