change colour of the menu after it's clicked on

• 

  sharnes · Member · Oct 26, 2020 at 11:21 am

  • Copy link
  • Add topic to favorites

  I have tried many CSS codes and nothing seems to work.
  How do I change the colour of the menu after I click on the page?

  I want it to be grey when I click on the page but it either goes red or black.
  http://www.platterboxco.com.au

  Here is what I have the menu set as. This is fine, just when it’s clicked on the colours change.

  .main-navigation a {
  color: #FFAB9F;
  }

  Thank you
  .main-navigation a:hover {
  color: grey;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  tenchoenyi · Member · Oct 26, 2020 at 11:51 am

  • Copy link

  Hello @sharnes,

  Can you remove above CSS code and replace these following CSS code:

  .main-navigation a {
      color: #FFAB9F!important;
  }
  
  .main-navigation ul.menu li.current-menu-item > a {
      color: #807c7c!important;
  }

• 

  sharnes · Member · Oct 26, 2020 at 7:55 pm

  • Copy link

  Thank you. The colours don’t go red or black now but they stay the coral #FFAB9F colour the whole time and doesn’t go grey when hover or stay grey when clicked on.

  Is there something I should change?

• 

  sharnes · Member · Oct 27, 2020 at 9:35 pm

  • Copy link

  @tenchoenyi – I didn’t tag you in the earlier reply. I just want to check you recieved my message?
  Thanks

• 

  tenchoenyi · Member · Oct 28, 2020 at 5:42 am

  • Copy link

  Hello @sharnes,

  You can add these following CSS code to change the menu color in grey when hover and also stay grey when clicked.

  .main-navigation a:hover {
  color: #807c7c!important;
  }
  
  .main-navigation ul.menu li.current-menu-item > a {
      color: #807c7c!important;
  }

• 

  sharnes · Member · Oct 29, 2020 at 6:13 am

  • Copy link

  @tenchoenyi – thanks so much! That worked! :)