Custom CSS nearly done but trouble with links

• 

  hatemailblog · Member · Mar 13, 2008 at 12:16 am

  • Copy link
  • Add topic to favorites

  OK so after hours of toiling away at the old custom CSS I finally have a design I’m happy with HOWEVER the sidebar widget links, and the “Filed Under” links both have decorations (i.e. dashed underlines / font color changes) when you roll over them with the mouse. I want to know where to insert a “text-decoration: none” command (or something to the same effect) into the CSS in order to stop this from happening!

  Finally, on some of my pages it says “RSS feed for comments on this post. TrackBack URI” at the bottom – how do I make these disappear?!!!

  If someone can answer these questions I will be eternally grateful as I’ve tried and tried to little avail. Thanks in advance!

• 

  vivianpaige · Member · Mar 13, 2008 at 2:50 am

  • Copy link

  We need a link to your blog to figure that out. The style sheets are all different.

• 

  isadora · Member · Mar 13, 2008 at 7:02 am

  • Copy link

  hatemailblog, a very very useful tiny tool for identifying the properties of a page element just by clicking on it is xray: http://www.westciv.com/xray/
  It’s the easiest way to find out which element you are supposed to format.

• 

  hatemailblog · Member · Mar 13, 2008 at 10:28 am

  • Copy link

  Hi all, the xray tool is great but doesn’t seem to show any of the link (‘ahref’ etc) properties.

  The blog link is http://hatemailblog.wordpress.com!

• 

  devblog · Member · Mar 13, 2008 at 4:58 pm

  • Copy link

  In the original CSS, there’s no text-decoration defined in the a:hover selector. A border-bottom property is being used instead. In your custom CSS, you’re defining your a:hover selector like this:

  a:hover {
  	color:#000;
  	text-decoration:none;
  }

  Change it to:

  a:hover {
  	color:#000;
  	border: none;
  }

  This should get rid of the link decorations when hovering them.

  To get rid of the “RSS feed for comments on this post. TrackBack URI” try this:

  .right a {display: none;}

  Keep in mind that the above code will make every link inside an element of with a “right” class disappear, though.

  HTH