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!