Saturday, August 15, 2015

How to remove Blogger image Shadow and Border

If you want to remove of those annoying shadows and borders around blogger post images, then follow the instruction

For using the old blogger interface.
1. First 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.

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

 For using the new blogger interface
2. Go to Blogger Dashboard > Template > Edit HTML
Click on "Format Template" and search by pressing the CTRL + 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);

3. After found above the code and remove all blue color line of the code then finally save your Template and has been Done!