Highlighting certain "menu button"

  • Resolved nkbitsch

    (@nkbitsch)


    14 years, 6 months ago

    Hi everybody.

    I’m working on the website riyadelcadi.photogear.dk

    I want to hightlight/invert the top bar menu button “Special Offers”, in order for it to “pop-out”.

    I have figured out that I can change the background color in the following code to change the background color on the entire menu bar, but how do I change only a single button?

    .main_nav_in ul li a {
color: #545628;
background: white url(../images/navbg.png) repeat-x left top;
border-left: 1px solid white;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • dcd018

    (@dcd018)

    14 years, 6 months ago

    You’ll have to browse through your theme’s templates and find the html from .main_nav_in and give each li a class or id, then you can reference each listed item separately within your theme’s style.css.

    Thread Starter nkbitsch

    (@nkbitsch)

    14 years, 6 months ago

    Hi again. Thank you so much.

    I have found the class: class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-962″

    How do i refer to that specific class in the CSS?

    Thread Starter nkbitsch

    (@nkbitsch)

    14 years, 6 months ago

    i nailed it..

    #menu-item-962 a {
color: white;
background: blue;
border-left: 1px solid white;
}

#menu-item-962 .sub-menu a {
color: #545628;
background: white;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Highlighting certain "menu button"’ is closed to new replies.