Tuesday, June 14, 2005

Wordpress Posts: How To Make An Activated Link Looks Like Normal Text

Context: When you use a free article from another author, it is a moral obligation to have the link back to the author site activated (i.e. a visitor can click on it).

Problem: if your goal is that a visitor click on a adsense link or a affiliate link, you don't want your visitor be attracted by the author site link.

Solution: make author site activated link looks like normal text.

To do that, add the following to your WordPress template style.css

.storycontent a:link    {
  /* Applies to unvisited links of class storycontent */
  text-decoration:  none;
  background-color: white;
  color:            black;
  }
.storycontent a:visited {
  /* Applies to visited links of class storycontent */
  text-decoration:  none;
  background-color: white;
  color:            black;
  }
.storycontent a:hover   {
  /* Applies to links under the pointer of class storycontent */
  text-decoration:  none;
  background-color: white;
  color:            black;
  }
.storycontent a:active  {
  /* Applies to activated links of class storycontent */
  text-decoration:  none;
  background-color: black;
  color: white;
  }

Oliver