Remove Border in images

• 

  ishitaunblogged · Member · Mar 29, 2012 at 10:59 pm

  • Copy link
  • Add topic to favorites

  Hi! I would like to remove the grey border around the images in my widget area or in the posts. Currently I am using the Inuit theme.

  Thanks in advance.
  Regards

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

• 

  designsimply · Member · Mar 30, 2012 at 3:02 pm

  • Copy link

  To remove the grey border from featured images on the home page of the Inuit Types theme, try this:

  .attachment-it-thumbnail {
  background: none;
  border: none;
  }

  To remove the grey border from images in posts too, use this instead:

  .attachment-it-thumbnail, .entry img {
  background: none;
  border: none;
  }

  ^^ It’s the same rule as above except it adds “.entry img”.

  There is also a grey background added when you are using a caption for an image. You can see examples at http://ishitaunblogged.com/2011/10/31/smuggled-into-godfather%E2%80%99s-sicily/

  If you would also like to remove the grey background color from those captions, add this:

  .wp-caption {
  background: none;
  }

  If you find any other images that still have borders after you add the rules above, please provide a link and point out which image for us.

• 

  ishitaunblogged · Member · Mar 31, 2012 at 6:56 am

  • Copy link

  Thank you so very much. Will try to do the changes and let you know how it is going. Really appreciate this a lot. Warmest regards
  Ishita

• 

  designsimply · Member · Mar 31, 2012 at 11:05 am

  • Copy link

  Cheers :)

• 

  ishitaunblogged · Member · Mar 31, 2012 at 2:55 pm

  • Copy link

  These helped very very much – Thank you so much.

  Can I do the same in the side bar as well? Specially – I have 3 image icons – FB, TWITTER, MAIL ME – they are coming as three images in borders. Plus there is gap in between them. Ideally I would like all of these to appear without borders and without spaces.

  Warmest Regards
  Ishita

• 

  designsimply · Member · Apr 2, 2012 at 8:46 pm

  • Copy link

  To remove the background color and borders from around images in your sidebar and to remove all spacing except a 5px padding, try this:

  img.fl {
  background: none;
  border: none;
  margin: 0;
  padding: 5px;
  }

  Adjust the 5px padding number until you like the way it looks. You can set it to 0 if you’d like.