How to remove the image borders?

1 post from 1 voice

• Started 2 years ago by Dude
• This topic is closed
• This topic is not a support question

Tags:

No tags yet.

1. 

   Dude
   Dude

   Add following code to style.css:
   

   a img, a:hover img{
   border: none !important;
   background: transparent !important
   }
   
   .entry img{
   border: none !important;
   background: transparent !important
   }

   If you want to remove the borders on an individual basis (i.e. only for some images) there are two ways to achieve what you want:

   1) You need to append following style attributes to your images:

   style="border:none;background:none;"

   i.e. like:
   

   <img src="my-image.jpg" style="border:none;background:none;" alt="" />

   OR

   2) Add following code to style.css:

   .noborder{
   border: none !important;
   background: transparent !important
   }

   and append this class to your images like:

   <img src="my-image.jpg" class="noborder" alt="" />

   Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.