Remove Blogger Picture Image Shadow and Border

How to remove Blogger Picture Image Shadow and Border

Go to Dashboard - Template - Customize - Advanced - Add CSS
- paste the following code
- Press enter after the last character of the last line }
- 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;
}

- Now your blogger images should appear without any border or shadow.



- If the above method doesn't work for you, do the following:

- Go to Blogger's Dashboard > Template > Edit HTML
  CTRL + F keys for the following code: border: 1px solid $(image.border.color);

- Find:

  -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);

- Delete it and Save your template.