Main Menu Color Classes
-
Hi, I’m trying to change the colors on the top menu (and pull-downs) and “current” page. Can someone list the CSS classes used to form the main menu?
Thanks!
-
Can you link to your website?
http://laurelconsultingpartners.com/ – I’ll take it out of maintenance mode for a little bit.
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
/* Current styles */ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { } /* Hover styles */ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { } /* Normal styles */ .navbar-default .navbar-nav > li >a { }The theme does have a Custom CSS area, so I’m using that. Thank you very much for the help! One more question though, what about the pull-down (or mouse-over – I’m not sure of the terminology) sub-menu’s? What’s the class for those?
Thanks Andrew!
Oops I forgot!
/* -- Submenu */ /* Normal styles (has the yellow background) */ .dropdown-menu { } /* Normal styles (controls the font colours) */ .dropdown-menu > li > a { } /* Hover styles */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { }Great! Thank you again for all the help!
The topic ‘Main Menu Color Classes’ is closed to new replies.
