SELA menu colors

• 

  jpeach513 · Member · Mar 17, 2018 at 8:47 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  ravichahar · Member · Mar 18, 2018 at 2:42 am

  • Copy link

  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.

• 

  jpeach513 · Member · Mar 18, 2018 at 3:57 pm

  • Copy link

  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. :)

• 

  ravichahar · Member · Mar 18, 2018 at 4:14 pm

  • Copy link

  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.

• 

  jpeach513 · Member · Mar 18, 2018 at 4:27 pm

  • Copy link

  Excellent. Works perfectly now. Thank you so much. :)

• 

  ravichahar · Member · Mar 18, 2018 at 4:46 pm

  • Copy link

  Happy to help.