How to Make Link Hover Behavior Apply to All Links

Objective: To make all links have the same hover behavior as in the Andrina Pro category widget.

I've added the following code below to the custom css.

Code:

.page-content p a:focus,
.page-content p a:active,
.page-content p a:hover {
    color: #8fcb08;
}

This corrects the hover behavior on the pages and posts.

It also corrects the hover behavior in the text widget in the side widget area in the following example.

Code:

<a href="mailto:[email protected]">[email protected]</a>

But it does not correct the hover behavior in a text widget in another side widget with the following RSS email subscription code.

Code:

<a href="http://feedburner.google.com/fb/a/mailverify?uri=ComfortClimateService&amp;loc=en_US">Subscribe to Comfort Climate Service by Email</a>

Does anybody have a clue as to how I make the RSS feed by email link change colors upon hover?

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

 a:focus,
a:active,
a:hover {
color: #8fcb08 ! important;
}

This will solve your issue.

 

I replaced the previous Custom CSS code I used

Code:

.page-content p a:focus,
.page-content p a:active,
.page-content p a:hover {
    color: #8fcb08;
}

with the code you provided and all links are changing color upon hover now. Thank you.