Remove Shadow and Border from Blogger Picture

If you want to get rid of those annoying shadows and borders around blogger pictures, then follow the below steps (see the difference in the screenshot below):

How to Do This?

• Log onto Blogger Dashboard > Design > Edit HTML
• Download/Backup your template
• Now search for ]]></b:skin>
• Add below code just above ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: none !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 save your template and refresh your blog.Now your blog should appear without any borders and shadows.

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

• Log onto Blogger's Dashboard > Template > Edit HTML
• Thick the "Expand widget templates" checkbox;
•  Search (CTRL + F) 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);

Delete it and Save your template.

Facing any problem regarding this?Use the comment box below.