How to remove shadow border from blogger posts
This is a very easy way to remove the annoying shadows from your blog posts.
Perhaps when you began with your blog you didn't care about it but now you've noticed now important it is for the aesthetics of the blog. So in 6 very easy steps.
1. Log in to Blogger>Template
2. Click edit HTML
3. Backup your template
4. With CTRL + F on the code search for something like:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
5. You need to replace the whole thing with:
.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;
6. Click save template.
That's it! You have successfully removed shadow borders from your blogger posts.
Find out more Blogger tips and SEO tools here:
