Menu actions – Menu changes color on mouse click

There are various pseudo-class selectors you can use in CSS with an <a></a> link:

a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}

Well explained here

2nd question: Snippet

I’ve used this color setup for my menu’s:

/* Adjust Menu (white) text color */
/* when mouse hovers over Menu item (hover) */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color: #9B9B9B;
}

/* Adjust Menu (green) text color */
/* when Menu item selected (active) */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a {
color: #00AA93;
}

Now I just need to know where to put that code you helped me with before ??

My last Issue and my site is up and running! Thank you so much.

OK, code looking good!

Start by putting it in the CustomCSS Panel Customiz’it!>Custom CSS and you’ll get an instant check on how the code is working or not.

When you’re happy, you can leave it there as long as you Save & Publish (button at top of Customiz’it!)

But if you’re likely to make more changes, you ought to investigate setting up a Child Theme.

And @nikeo’s made it easy for you to download the base files for free

thank you! I’ll have a look into that.

Happy holidays!