Changing Link Appearance

• 

  realagenda · Member · Sep 24, 2011 at 10:59 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  I would like my website’s links to appear as follows:

  1. Non-clicked, non-hovered links to be this color: #257da7 and not underlined
  2. Clicked links to appear red and with no underline
  3. hover over links to be this color: #257da7 and underlined

  If someone can give me a hand, I will certainly appreciate it.

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Sep 24, 2011 at 11:25 pm

  • Copy link

  Is this a CSS editing question? And, do you have the custom design upgrade?

• 

  thesacredpath · Member · Sep 25, 2011 at 12:18 am

  • Copy link

  You will need to try this and make sure nothing happens where you do not want it to. In some instances sidebar links (which you have heavily styled) can also inherit from the main “a” settings. There could also be things that you want to follow the below that will not, and then you will have to figure out the selectors for those and add to each of the below as necessary.

  non-visited, non-hovered

  a:link {
  color: #257da7;
  text-decoration: none;
  }

  visited

  a:visited {
  color: #CC0000;
  text-decoration: none;
  }

  hovered

  a:hover {
  color: #CC0000;
  text-decoration: underline;
  }

• 

  thesacredpath · Member · Sep 25, 2011 at 12:19 am

  • Copy link

  Oops, messed up on the code tags for the hovered bit.

  a:hover {
  color: #CC0000;
  text-decoration: underline;
  }

• 

  realagenda · Member · Sep 25, 2011 at 1:27 am

  • Copy link

  Hello TheSacredPath,

  It seems to have worked fine except for one little thing. Links created in the subtitles of the articles or on the credit area -where it says the author of the article and origin- the links are red. It seems that links that are not in the article per se are red.

  I don’t mind it though, but would like to know if this is what you meant when you said some things would not be affected and may require further customizing?

• 

  realagenda · Member · Sep 25, 2011 at 1:29 am

  • Copy link

  I am wondering if this is because I may have clicked on them before?

• 

  thesacredpath · Member · Sep 25, 2011 at 3:02 am

  • Copy link

  Log out, clear your browser cache, restart your browser and then take another look. I’ve not clicked on any links and I’m seeing them all in the bluish color.

• 

  realagenda · Member · Sep 26, 2011 at 1:21 am

  • Copy link

  Thanks!

• 

  thesacredpath · Member · Sep 26, 2011 at 1:45 am

  • Copy link

  You are welcome.