WordPress.org

1. rachjay
   Member
   Posted 3 weeks ago #

   On my site http://www.recordmyfamilyhistory.com I have uploaded and inserted images (an ebook cover and payment buttons). All of these images have a border around them looking like they have been cut and pasted. Not very professional looking.

   I received some advice from elsewhere saying to add the code below to my images, but i was unsure where to add this code, and I played around with it with no luck..

   border="0"

   Any ideas very appreciated! Thank-you.

2. shahar
   Member
   Posted 3 weeks ago #

   add this to your css:

   img{
   border-width:0px;
   }

   if you want to keep the border on other images add a class like this:

   img.noborder{
   border-width:0px;
   }

   Hope this helps.

3. cais
   Member
   Posted 2 weeks ago #

   Around line 98 of your style.css file you will fine this:
   

   img {
     background-color:#FFFFFF;
     border:1px dashed #E3C2FB;
     padding:5px;
   }

   The 'border' property is what you need to edit ... you can comment it out like this:
   

   img {
     background-color:#FFFFFF;
     /* border:1px dashed #E3C2FB; */
     padding:5px;
   }

   ... or change it to this:
   

   img {
     background-color:#FFFFFF;
     border:none;
     padding:5px;
   }

   ... or simply remove the 'border' property line altogether. I would use the commenting method myself.

   You might also consider adding to the end of the style.css file this bit to remove the dotted lines under your clickable images:
   

   img a {text-decoration:none;}

Reply

You must log in to post.