Support » Themes and Templates » Cange color on 1 menu-item

  • Resolved Oakshield

    (@cargomatch)


    Hi!

    I’m trying to change the background and text color on this menu item only:
    http://screencast.com/t/h8fqpjiAK

    But I can’t get it to work.

    I’ve placed this code in the CSS file, with is in the Theme Settings:

    #menu-item menu-item-type-custom menu-item-object-custom last-child menu-item-3732 a {
    color: #000;
    }

    Just to have any reaction I could build on, but nothing happens.

    I hope someone can help.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Oakshield

    (@cargomatch)

    Hi,

    try styling li.menu-item-3732 instead.

    For example:
    #header .m-menu ul li.menu-item-3732 a {background-color:red; color:#000;}

    The pound sign is used in CSS to designate the id of an element. If you want to target all elements with a specific class, you should use the . (period)

    Hope this helps.

    Thread Starter Oakshield

    (@cargomatch)

    Thank you so much!

    Your answer was the exactly solutions of my problem.
    It works perfectly fine!

    Thank again!!!

    You are welcome.

    In case you didn’t know about these, there are tools for Chrome, Firefox and IE which let you inspect your styles (and much more) from the browser and make changes on the fly. It is really helpful when you design your page or want to modify a few things.

    Chrome Developer tools: https://developers.google.com/chrome-developer-tools/

    Firebug: getfirebug.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cange color on 1 menu-item’ is closed to new replies.