Some templates in Blogger such as 'Simple Template' have shadows around pictures, some might be ok with it, but some wants their picture to be without the shadow and pictures, so this tutorial is useful to those who want shadow to be removed.
This can be done easily with CSS, you just have to copy and paste this add to your template.
Copy this CSS code
.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;
}
This can be done easily with CSS, you just have to copy and paste this add to your template.
Copy this CSS code
.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;
}
Click to know how to add CSS - Go to your Blogger Dashboard > Template > Customize > Advanced > Add CSS > In the right text area, paste the CSS code you copied above.
Hit on Apply to Blog and refresh your blog page to see effects.
If you are not seeing any change then, try clearing your caches and then restart and browser and check yoru blog.
Related Posts
