Change Hover Colour for a text widget

#text-2 a:link { color:red; }

https://www.w3schools.com/css/css_pseudo_classes.asp

hi thanks – but it has not changed the link to red.

Basically what i want it to do is the link to be WHITE and then when hovered over it turns to ORANGE

And the line which seperates them i want to stay white

https://www.graceleepromotions.com/handdiagnosis/

appreciate any help ??

sometimes, you need to clear the browser cache to make changes to styles visible:

press ‘ctrl’ and ‘f5’ at the same time;

or

press the ‘reload’ button on the browser

also:
sometimes, styles are defined somewhere else with a higher priority; then you can either find where, and change you new style accordingly; or force the new style by adding !important after the style:

#text-2 a:link { color: #123456!important;}
#text-2 { color: #fff;}
#text-2 a:hover { color: #ab12de!important; }

change the color codes

hey thanks for getting back to me.

I have aded that code, now the hover works – i.e. it goes the purple color that you set in the code, but the link colour doesnt work

I added a “visited” part in hope that would work, but it doesnt.

I have set it so that the linkis white and when roll over goes your purple

Here is the code i have entered now…

#text-2 a:link { color: #ffffff!important;}
#text-2 { color: #fff;}
#text-2 a:hover { color: #ab12de!important; }
#text-2 a:visited{ color: #ffffff!important; }

ttp://www.graceleepromotions.com/handdiagnosis/