Change Hover Colour for a text widget
-
I would like to change the hover and visited etc colour of my text at the top right of the page (English | Chinese)
Here is the page
http://www.graceleepromotions.com/handdiagnosis/
I know this must be very simple im just not sure what to add exactly to the code.
The text widget is called text-2
-
#text-2 a:link { color:red; }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
http://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!importantafter 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; }
The topic ‘Change Hover Colour for a text widget’ is closed to new replies.