J!Extensions Store™
Forum
Welcome, Guest
Please Login to access forum.
changing individual menu items via css (1 viewing) 
Go to bottom
TOPIC: changing individual menu items via css
#7776
Michelle
Fresh Boarder
Posts: 5
User Offline
changing individual menu items via css Karma: 0  
I'd like to make the menu items in that accordion main menu (not the top menu or side menu) each have a different background, and have no hover background change, only a change to the color of the text. I would also like to put in little icons if possible.

In a regular Joomla template this is done by getting the itemid class for the menu item and styling it individually in the CSS (ie #headerRight .item-201078 {background-color:#0D58AE;}). How do I do this with the Responsivizer template?

Also, I tried modifying something in the background > white.css and in the typography > white.css (like the hover color) and that did nothing even though that is the theme I selected for both background and typography.
 
Logged Logged  
  The administrator has disabled public write access.
#7777
John Dagelmore
Admin
Posts: 3714
User Online Now
Re:changing individual menu items via css Karma: 79  
You will style them in the same identical way, <li> tags have the same itemid class

Do not change core css files white.css, etc

There is a custom.css file to add custom styles and overrides: root/templates/responsivizer/css/custom.css
 
Logged Logged  
  The administrator has disabled public write access.
Go to top