Remove Picture / Image Shadow & Border From Blogger

Remove Picture / Image Shadow & Border From Blogger

Do you want to remove shadow and border from images in your blogger blog?. If your answer is yes! Then you are in right place. This post only for you here you will get compete tutorials how to do it.
By default, blogger template has included an option that is a border will exist around the images of your blog. Check below screen shot for clear understanding

Which is looking annoying both you and your blog reader. To give a beautiful look for your picture you should remove it from your blog. So let's begin this tutorial:

Removing picture shadow from blogger  

• Open your blogger account and Go to edit HTML area from template option.
  
• Click anywhere on the code area and search below code (Using Ctrl +F)

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

• Note - If you can't find the above code, then try to find one line of them. Try to find below line. 

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

• Hopefully now you will able to get this code. Now delete this code along with above 3 lines. 
  

• After deleting, finally save your template. After that, visit your blog and see that images will appear without any border and shadow. 

Hopefully according to the above post, you can be able to remove picture shadow & border from your blogger blog. If you're using a custom template on your blog, then you do not need to doing it. Because of almost every custom template designed without included image shadow and borders.