Jump to content


Photo
- - - - -

Style Classes for Dropdown Menus


  • Please log in to reply
1 reply to this topic

#1 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 26 July 2012 - 02:17 PM

Since I just went through a lot of work finding tese, I thought I'd contribute to the forum. PageLines Staff, it would be nice to have a wiki or similar for users to add things like this. I don't think these are all the classes for styling the dropdown Nav menus, but it's a start. Others, feel free to add to the list. .dropdown.open .dropdown-toggle .dropdown.open .dropdown-toggle:hover This is the set of classes that came up in Firebug for the main menu item when I opened the dropdown. I used this set to change the background color of the main menu item. .dropdown-menu This sets the style for the basic dropped down section. Again, I just changed the background color, but you can also change borders, shadows, and other things. .dropdown-menu li > a:hover This lets me style the hovered-over item on the dropdown #site .dropdown-menu .current-menu-item > a And this styles the current item (the same on as the current page). Note it didn't work for me without the #site ID.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 26 July 2012 - 02:53 PM

Thanks for posting these classes. :)