Currently, my Salient theme top / main Menu uses the the main Accent Color as both the a:hover color, and the color to indicate the current page item.
I like this for the hover, however, since I'm using page #anchors for many of the menu items, I do not want the accent color to be applied to the current-menu-items or current_menu_page. Otherwise, all the #anchor URL menu items stay accented with color all the time.
However, when I change the CSS to make all the menu text (except for the hover) to be #fff, the Accent color is still applied to the current menu items.
I'm guessing this is because the custom.php file is overwriting my CSS? How do I fix? I'm not very good with php...and the last time I tried to edit it I temporarily broke my site and had to use a FTP client to reupload my php files :)
The only thing now is that some of the sub menu items still turn blue (#27CCC0) when hovered over. It seems to be the ones with links to other pages (outside the current page).
I don't mind them turning blue, I would just it to be consistent, i.e. all sub menu items turn blue when hovered over or no sub items turn blue when hovered, regardless of where they link to.
Is that possible? I tried changing the CSS for the "menu.item:hover" but that didn't seem to work.
Hi!
Currently, my Salient theme top / main Menu uses the the main Accent Color as both the a:hover color, and the color to indicate the current page item.
I like this for the hover, however, since I'm using page #anchors for many of the menu items, I do not want the accent color to be applied to the current-menu-items or current_menu_page. Otherwise, all the #anchor URL menu items stay accented with color all the time.
However, when I change the CSS to make all the menu text (except for the hover) to be #fff, the Accent color is still applied to the current menu items.
I'm guessing this is because the custom.php file is overwriting my CSS? How do I fix? I'm not very good with php...and the last time I tried to edit it I temporarily broke my site and had to use a FTP client to reupload my php files :)
Any help is greatly appreciated!! Thanks!
Hey Marc!
Colors can be changed overwritten via css no need to modify php files. Can you please provide page url so we can write up some custom css.
Cheers
ThemeNectar Support Team
Hi Tahir! Thanks for the response. url: www.nnlfilm.com
Hey Marc!
Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:
body header#top nav .sf-menu li.current_page_item > a,body header#top nav .sf-menu li.current-menu-item > a { color:#ccc !important; }
Cheers
ThemeNectar Support Team
Thank you! I appreciate it!
The only thing now is that some of the sub menu items still turn blue (#27CCC0) when hovered over. It seems to be the ones with links to other pages (outside the current page).
I don't mind them turning blue, I would just it to be consistent, i.e. all sub menu items turn blue when hovered over or no sub items turn blue when hovered, regardless of where they link to.
Is that possible? I tried changing the CSS for the "menu.item:hover" but that didn't seem to work.
Thanks!
Hey Again!
Add this into the Custom CSS box located in your Salient Options panel :
body header#top nav .sf-menu li.current_page_item > a:hover, body header#top nav .sf-menu li.current-menu-item > a:hover { color: #27CCC0!important; }
Cheers
ThemeNectar Support Team
perfect. thank you!!