How to Remove Border and Shadow from Images in Blogger

When you insert an image in your Blogger’s blog post, it will have a border and a shadow around it. While there is nothing wrong with this, if you find it annoying or if it interferes with your blog’s theme, you can remove the border and shadow by following the instructions below. There are several approaches to this, and we’ll modify the CSS entry in Blogger. The changes you’ve made will be applied to all of your blog’s posts using this method, eliminating the need to manually edit each one.

In the Blogger left side menu, select Theme, Customize, open Advanced section, select Add CSS, add the below CSS code:

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;

}

Then select Save at the bottom toolbar.

Note, this will apply to dekstop version. To remove border and shadow from mobile devices. In the Blogger left side menu, select Theme, tap on Arrow Down next to Customize button, select Mobile Settings. In Configure mobile view section, select Custom, select Save.