How To Take Away Blogger Picture/Image Shadow As Well As Border
Wednesday, May 27, 2020
Edit
If you lot desire to become rid of those annoying shadows in addition to borders around blogger images, hence follow the side yesteryear side steps (see the divergence inwards the screenshot below):
If you lot are using the onetime Blogger interface:
If you lot are using the novel Blogger interface:
Now your blogger images should seem without whatever edge or shadow. Cheers!
Update:
If the inwards a higher house method doesn't function for you, create the following:
- Go to Blogger's Dashboard > Template > Edit HTML
- Click anywhere on the code surface area in addition to search yesteryear pressing the CTRL + F keys for the next code:
If you lot are using the onetime Blogger interface:
- Go to Dashboard - Design - Template Designer - Advanced - Add CSS - glue the next code - Press larn inwards later the concluding grapheme of the concluding job } - Apply to Blog.
If you lot are using the novel Blogger interface:
- Go to Dashboard - Template - Customize - Advanced - Add CSS - glue the next code - Press larn inwards later the concluding grapheme of the concluding job } - Apply to Blog.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !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;
}
Screenshot
Now your blogger images should seem without whatever edge or shadow. Cheers!
Update:
If the inwards a higher house method doesn't function for you, create the following:
- Go to Blogger's Dashboard > Template > Edit HTML
- Click anywhere on the code surface area in addition to search yesteryear pressing the CTRL + F keys for the next code:
border: 1px enterprise $(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);
Note: if you lot can't uncovering the entire code, hence seek to uncovering this job in addition to the residual of it should appear:
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);- Delete it in addition to Save your template.


