Change color of ONE menu item

  • Resolved tankzt

    (@tankzt)


    11 years, 8 months ago

    I am trying to change the color of the “Schedule a free on-site demo” menu on my site: http://www.industrialcamera.net. I added the following to the style.css file in my theme (business-lite):

    .page-item-91 {
    background-color: #FF0000;
    color: #FFFFFF;
    }

    After adding the code above all it does is put a red bar directly below the menu and does nothing to the actual menu itself. Can anyone help?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Tammie Lister

    (@karmatosed)

    11 years, 8 months ago

    This style:

    #nav #nav_menu > li > a {
background: #FBFBFB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
color: #555;
display: inline-block;
font-size: 16px;
line-height: 20px;
border: 1px solid #AAA;
cursor: pointer;
padding: 5px;
position: relative;
}

    Would overrule if you just do what you did above.

    What you need to do is something like this:

    #nav #nav_menu > li.page-item-91 > a

    Then do the specific styling.

    Thread Starter tankzt

    (@tankzt)

    11 years, 8 months ago

    That worked perfectly! Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change color of ONE menu item’ is closed to new replies.