Remove Blogger Picture Shadow and Border

Couple of weeks ago, I published a post on how you can add shadow around your images. Some templates don't come with this feature, so you gotta add it on your own if you want it. But some of you are using templates that do come with this feature. And if you wanna remove this feature for reasons only God knows why, this week is going to be your lucky week, as I'm gonna show you how you can get rid of the shadows and borders in 1 easy step.

Note: This tweak isn't for Dynamic View templates. To remove borders and shadow from your Dynamic View pictures, see this link --> Remove Border and Shadow from Blogger Dynamic View Images.

If you're 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're using the new Blogger interface: Go to Dashboard ('House' symbol) - 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, .ss, .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;
}

There, you've gotten rid of your annoying shadows and borders. Cheers all.