SELA menu colors
-
Hi,
I’ve got the colors pretty much how I want them. However, I can’t get the color of the menu items to stay the same as the hover color when you click on a submenu item. If you click a page, the menu items stays red. But if you click a submenu page, then both the page and the subpage menu items go back to being grey. I would like them to be red. Can anyone help me with this? Thanks. :)
This is everything I have governing the menu colors:
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a { color: #880c0c; } .main-navigation ul ul a { background-color: #000000; color: #ffffff; } .main-navigation ul ul a:hover { color: #880c0c; } .main-navigation .nav-menu > li > a::after { color: #828282; }The blog I need help with is: (visible only to logged in users)
-
Hey jpeach513,
Please try this.
.main-navigation li.current_page_item>a .sub-menu li a, .main-navigation li.current-menu-item>a .sub-menu li a, .main-navigation ul ul li.current_page_item>a, .main-navigation ul ul li.current-menu-item>a{ color: #e1122a }Hope that helps.
-
Thank you. :) That works partly. It keeps the submenu item red. I’d like though to keep the entire menu path red. So say it’s Novels/Novel 1/Chapter 1, and you click “Chapter 1” (the grandchild page), I’d like all 3 levels of the menu to stay red instead of just Chapter 1. :)
-
Please use this code to keep the “Novels” red.
.main-navigation li.current_page_ancestor>a, .main-navigation li.current-menu-ancestor>a{ color: #e1122a; }If you know a little bit of CSS, you can inspect the elements using the browser tool and change the color.
Hope this helps.
-
-
- The topic ‘SELA menu colors’ is closed to new replies.