Change color of a:active

I would recommend the free plugin CSS Editor SiteOrigin.
I used it to change the background color of the active page as well, works great.

If ( and you should ?? ) have a child theme, putting this code in its style.css will do the trick:

li.current-menu-item a {
text-decoration: underline;
background:#414141;
}

If you would like the color to change when hovered over use this as well:

a:hover {
background-color: #dedada;
}

Change the colour to what you need.

Good luck,
Annie

• This reply was modified 8 years, 5 months ago by LogoLogics.

That did it! I used the inspect element feature in my browser and copied that whole line and pasted in the plugin. Then I just changed the hex code to the color I wanted and voila! Thanks!

Cool, glad it worked!

However, if you pasted this in “the plugin” ( not sure what you mean by that ) your code will be overwritten as soon as this plugin gets updated.

To preserve your customizations, you need to add this code to your child themes custom.css file.