How To Remove White Boxes Behind Pictures

I have gotten so much great feedback on my blogger instructional,

and I am so excited that they have helped!

{Thank you so much for reading and interacting with my blog!}

 

When I began blogging I did have a graphic design background, 

but I was completely unaware of how blogger actually worked.

So I am so excited that I can share with ya'll!

HOW TO REMOVE WHITE BOXES BEHIND PICTURES:

If you're using the old Blogger interface: 

1- Go to Dashboard

2- Design 

3- Template Designer 

4- Advanced 

5- Add CSS - paste the following code

.post-body img, .post-body .tr-caption-container, .ss, .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- Press enter after the last character of the last line } - Apply to Blog.

 

If you're using the new Blogger interface: 

1- Go to Dashboard

2- Template 

3- Customize 

4- Advanced 

5- Add CSS - paste the following code

.post-body img, .post-body .tr-caption-container, .ss, .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- Press enter after the last character of the last line } - Apply to Blog.