- This topic has 1 reply, 2 voices, and was last updated 8 years, 10 months ago by Puro Support.
Tagged: navigation; color
- AuthorPosts
- December 16, 2015 at 8:21 pm #2790
KelseyKolbParticipantHello –
I am newer to WordPress templates and looking for a little direction on a couple CSS items. I would like to make the hover state on the navigation a color our client has in his logo and theme. I would generally like to add color throughout text in the website if possible. How would I go about doing that?
Also the Home Page is coming up in the navigation. Is there a way to hide that or if it has to be there at least put it first?
Thanks!
-Kelsey
December 16, 2015 at 8:29 pm #2791
Puro SupportKeymasterHi Kelsey
Thanks for reaching out.
Menu Colours
If you’re making use of Ultra Premium, head over to Appearance > Customize > Theme Design > Main Menu to edit the menu colours:
If you’re using Ultra Free you can install a Custom CSS plugin like Simple Custom CSS and edit the menu colours by adding the following rules and editing them:
/* Main Menu */ .main-navigation ul li:hover > a { color: #0896fe; } .main-navigation ul ul { border-top: 3px solid #0896fe; } .main-navigation ul ul li:hover > a { background: #0896fe; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { color: #0896fe; } .main-navigation div > ul > li > a:hover { border-bottom: 3px solid #0896fe; } .main-navigation .menu-search .search-icon:hover:before { color: #0896fe; } .main-navigation .menu-search .searchform input[name=s] { border-top: 3px solid #0896fe; } .main-navigation .menu a:hover:before { color: #0896fe; }
Change
#0896fe
as required.Custom Menu
You can create a custom menu from Appearance > Menus. Once created, assign your menu to the theme’s primary menu location.
- AuthorPosts
You must be logged in to reply to this topic.