HOW TO REMOVE BORDER & SHADOW OF IMAGE ON BLOGGER

Step 1 

• Log in to your Blogger account, then go to Template > Edit HTML.

Step 2 

• Click anywhere inside the code and search for following code ( CTRL+F ) --> ]]></b:skin>

Step 3

• Copy and paste the following code just above it :

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {

padding: 0px !important;

background: none !important;

border: 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;

}

Note

• To remove border from mobile view goto Theme > Click on gear icon under mobile > Under 'Choose mobile theme' Select "Custom" and click Save.

Step 4

• Save the Template.