Remove dotted line under images – Clean Home

• 

  stephaniepost · Member · Jan 22, 2011 at 10:24 pm

  • Copy link
  • Add topic to favorites

  Can anyone help me with the CSS to remove the dotted lines that are automatically generated under images with links? I was able to remove them from all links but if possible I’d just like to remove them from pictures.

  http://therockhudsonproject.wordpress.com

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

• 

  hallluke · Member · Jan 23, 2011 at 1:56 pm

  • Copy link

  If you want to switch to regular rather than dotted underlines you can do it with this code:

  a {border:none!important; text-decoration:underline!important;}

  Otherwise you will have to do it on a link by link basis by switching to the HTML editor and adding the following to all of the anchor tags that contain an image:

  style="border:none;"

  If it is just that page that you want to modify you can remove all links from the post section using the code below. Please note that using this technique will remove the bottom border from all links in the post area, not just the images so if you have a similar page that contains text links as well, they’ll lose the underline.

  #post-2614 a {border:none;}

• 

  stephaniepost · Member · Jan 23, 2011 at 2:16 pm

  • Copy link

  Works like a charm. What would I do without you hallluke? You continue to amaze me. THANK YOU!! <3

• 

  panaghiotisadam · Member · Jan 23, 2011 at 2:33 pm

  • Copy link

  @Luke: Your advice here please?