How to Remove Blogger Picture/ Image Shadow and Border

Hello and Welcome to GetWebInfo. Here on this post you will learn about that How to Remove Blogger Picture/ Image Shadow and Border from your blogger posts images. If you want to get ride of those annoying shadows and borders around blogger images, then follow the next steps.




If you are using the old Blogger Interface

" Go to DashBoard Design - Template Designer - Advanced - Add CSS - paste the following code - Press center after the last character of the last line} - Apply to Blog. "


If you are using the new Blogger Interface

" 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 cheers! Update:

Ir the Above method doesn't work for you do the following things.

First of all Go to Blogger Dashboard > Template> Edit HTML
Click anywhere on the code area and search by pressing the CRTL + F keys for the following code.

  border: 1px solid $(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);

If you can't find the entire code, then try to find this line and the rest of it should appear:

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Now Delete this code and Save Your Template. I Hope this article is really helpful for you.