How to Remove Blogger Post Image Border?

In this Blogger tutorial I will show you how to remove the border around images in Blogger posts (Blogspot posts) when using one of the latest default Blogger templates.Some templates don't come with this feature.And if you wanna remove this feature for reasons just follow the below steps.

If you are using the old Blogger interface
Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code Press enter after the last character of the last line } - Apply to Blog.

If you are using the new Blogger interface
Go to Dashboard - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.


.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

  padding: none !important;

  border: none !important;

  background: none !important;

  -moz-box-shadow: 0px 0px 0px transparent !important;

  -webkit-box-shadow: 0px 0px 0px transparent !important;

  box-shadow: 0px 0px 0px transparent !important;

}



Now your blogger images should appear without any border or shadow.Now your blogger images should appear without any border or shadow.
  

1 comments :

Vimukthi Madumadawa said...

thankzz ..--http://pclokaya.blogspot.com/

Post a Comment