Remove link border around image and beneath it

  • When I upload an image with the Image Uploader and designate a url to be associated with the image (to have that image be clickable, meaning it will take the reader to another page when they click on it), how can I get rid of the border that appears around the image and the weird ‘link line’ that appears BENEATH the image once it’s up on my blog? This seems to be really bad in Firefox, where a clunky line appears all around the image (designating that it is clickable). Chrome and Safari don’t show that.

    Thanks

    ZP

Viewing 4 replies - 1 through 4 (of 4 total)

  • Site url?

    I’m having the same problem! Would love help…

    my site

    in style.css of your theme:

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

    change to:

    a:link, a img {
	text-decoration: none;
border:none!important;
}

    I’m getting crazy about the borderthing as well. I’m trying all kinds of suggestions but I can’t get it right. I’m using Antisnews free on my site.

    This is my style.css file:

    /*
    Theme Name: Antisnews
    Theme URI: https://www.antisocialmediallc.com
    Description: Showcase content from multiple categoies in a clean attractive magazine style layout. Create your own color scheme without editing any css file. Various widgetized areas on magazine home page so you can intermix widgets with your featured post content. For information on how to use go to Appearance->Antisnews Options and click the Manage Options button next to Standard Configuration Options. Switch “Operation Mode” to “Tutorial” then go to your homepage.
    Version: 1.9
    Author: antisocialmediallc.com
    Tags: white,black,right-sidebar,left-sidebar
    License: GPL
    Attributions: postsidebar.php social media icons credit to Paul Robert Llyod (https://paulrobertlloyd.com)
    */

    * html .wp-caption.aligncenter img {
    width: expression( document.body.clientWidth > 475 ? “475px” : “auto” ); /* sets max-width for IE */
    }

    * html .wp-caption.alignleft img {
    width: expression( document.body.clientWidth > 250 ? “250px” : “auto” ); /* sets max-width for IE */
    }
    * html .wp-caption.alignright img {
    width: expression( document.body.clientWidth > 250 ? “250px” : “auto” ); /* sets max-width for IE */
    }

    .wp-caption {
    text-align: center;
    padding: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption.aligncenter img { max-width: 475px; height:auto; }
    .wp-caption.alignleft img { max-width: 250px; height:auto; }
    .wp-caption.alignright img { max-width: 250px; height:auto; }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    .alignleft { float:left; margin-right:10px; }
    .alignright { float:right; margin-left:10px; }
    .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top:10px; }

    img.alignleft { float:left; margin-right:10px; padding:5px; max-width: 250px; height:auto;}
    img.alignright { float:right; margin-left:10px; padding:5px; max-width: 250px; height:auto;}
    img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:5px; max-width: 475px; margin-top:10px; height:auto; }

    html>body .alignleft { width: auto; height: auto; max-width:250px; }
    html>body .alignright { width: auto; height: auto; max-width:250px; }
    html>body .aligncenter { width: auto; height: auto; max-width:475px; margin-top:10px; }

    REALLY HOPE SOMEONE CAN HELP ME

    THANKS,

    WESLEY

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove link border around image and beneath it’ is closed to new replies.