Remove Border and Shadow from your Blogger Images

Today the post is all about to blogger blog, In this tutorial i will show you that how to remove Borders from the images that contains into your blog's page or post. Some webmasters want to remove borders from the images from their blog's posts because in some templates it looks like a bad and unprofessional and it is irritating for us and visitors. So if you want to remove thoses borders from your all images then you have to follow this very very easy Guide. I have seen many of times that most of the blogs has border and shadow style arround the images in templates and most of the people don't like these styles and change this style but they does not know that how therefore after a couple of week i brought a new CSS Trick for blogger blog. In this post i am gonna show you a simple method for removing Border and Shadow from your Blogger Images in simple and short CSS code. You have to follow my given instructions. This simple CSS code give you an apportunity to remove Border and Shadow from blogger images.  Now let's begin to start the Handsome and easy method:

See the Demo

1. First of all Download/Backup your template
2. Now go to your blogger Dashboard >> Templates >> Customise >> Advanced
3. Now Scroll down and Click on "Add CSS"
4. After this paste the below set of code in CSS menu

.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;
}

If you will do these simple steps then you successfully done it. With this your blog would appear without any Border and Shadow. Keep visiting my site if you like it.