Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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:

    Country

    –London

    –Paris

    –New York

    –Madrid

    –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

    Country

    <icon>–London

    <icon>–Paris

    <icon>–New York

    <icon>–Madrid

    <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.

    #38658

    Hey,

    have you tried to add !important to your style declarations?

    i.e.:

    #menu-item-71{
    color: #000 !important;
    font-family: Arial !important;
    }

    .special{
    background: #ff0000 !important;
    }

    #38659

    Yeahhh

    how did I miss this /facepalm

    Thanks

    #38660

    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.