How to Remove Border Around Pictures in Blogger?

Remove Border and Shadow From All Images

Using this method will remove border from all of your blog posts images and even it will also not appear in your future posts.

Example

1. Go to Blogger >> Template.
2. First backup your blog template.  ---> If you are professional then no need
3. Click Edit HTML.
4. Now search below similar code in your template.



To open search box, click anywhere in html code and the press "ctrl+f "

Search for code:


post-body img, .post-body .tr-caption-container, .Profile img, .Image img,


A piece of code will be highlighted, then you will see uder this code looks like......




.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
 padding: $(image.border.small.size);
 background: $(image.background.color);
 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);






5. Replace the entire piece of code with the code given below.



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




6. Click on Save Template button.

7. You are done!