Change hover color of text inside custom HTML widget

Posted in: Newspaper
Post count: 28
HumBot
#232464
May 7, 2018 at 10:49 pm

Hello! I want to change the hover color of a link inside a custom html widget I’m using on the right side of this page:

http://www.humbot.yournec.org/

What is the proper code I should add to the below code?

<p style=”text-align: center;”>Your support helps us bring you important environmental news, sponsor cleanup and restoration events, advocate for important ecological legislation, and more!</p>
<span style=”color: #006699;”><a style=”color: #006699;”
href=”https://secure.usaepay.com/interface/epayform/p1XXIpE654FE4nF9MpTY9Vwcw22p5Q1O/”&gt;BECOME AN NEC MEMBER OR DONATE TODAY!</span>

THANK YOU!

Post count: 20688
Simion C.
#232537
May 8, 2018 at 11:20 am

Hi,

Adding a hover color inline would not be possible. Try a code like this, it is more general and will affect all links in HTML elements
– https://www.screencast.com/t/ZzyyxUiN

.custom-html-widget a:hover {
color: #9acd32!important;
}

Or to make it more specific add a class to the raw HTML widget
– https://www.screencast.com/t/n6zSgn79PTgw
Then refer to it

.myclass a:hover {
color: #9acd32!important;
}

This would be one way of doing it, maybe there are others.

Thanks

Post count: 28
HumBot
#232682
May 9, 2018 at 12:27 am

Works perfectly. THANK YOU!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.