Remove Border And Shadows From Your Blogger Images

Remove Image Shadow From Blogger
In Blogger Most of the default Blogger templates display a white border and box shadow frame around every posted image. If you want to remove borders and shadows of your images in your blog post then here I have a simple way to remove border and shadows of your blogger images. We will do this with adding a small piece CSS code. Just follow my simple steps carefully.

How To Remove Image Shadow From Blogger

1. Go to Blogger Dashboard > Design > Edit HTML
2. Download/Backup your template
3. Now search for ]]></b:skin>
4. Add below code just above ]]></b:skin>
.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;
}
After this save your template now your blog should appear without any borders and shadows.
You can delete this code when you want to bring the borders back.
That’s all
Enjoy !

No comments:

Post a Comment