Styling current page menu item background color
Hi I wanted to include sidebar navigation on my site and have each menu item be a different background color when on the assigned page.
I created CSS class IDs for each menu item and was able to change the hover colors and font colors. But when selected it goes back to the theme color.
I'm using the muffin nav widget.
I created CSS class IDs for each menu item and was able to change the hover colors and font colors. But when selected it goes back to the theme color.
I'm using the muffin nav widget.
Comments
please send us url to page where you are unable to set background color for current menu item and we'll have a look on it.
Thanks!
http://rhechtdesign.com/tarrenpoint2015/sales-marketing/
The menu I tried to create is in the left sidebar, I wanted to be able to change the color of each item when its on the current page. Right now it goes to that orange color and I cant seem to find what rule I should change to override that.
Just basically want to control the color of each item without haveing the muffin nav CSS rules override it.
Thanks,
Bob
.widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item > a { background: #000 !important; }Great theme.