WordPress.org

1. imagex
   Member
   Posted 1 year ago #

   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

2. alchymyth
   The Sweeper
   Posted 1 year ago #

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

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

3. imagex
   Member
   Posted 1 year ago #

   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 :)

4. alchymyth
   The Sweeper
   Posted 1 year ago #

   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

5. imagex
   Member
   Posted 1 year ago #

   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/

Topic Closed

This topic has been closed to new replies.