How To: Remove The Blogger Picture Shadow

The first thing i always notice when scrolling through blogs are those extremely annoying shadows on the images people have used!

Today im here to show you just how to get rid of this annoying shadow on the images you post.

♥ Firstly make sure you are logged into blogger. You can make sure your logged in by checking up the top right corner.

♥ Next click on 'Template'



♥ Now click on 'Customize'



♥ Now click on 'Advanced' and the 'Add CSS' box should pop up.



♥ Copy the code below and paste it into the white box. Click 'Apply To Blog'

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

Its as simple as that. Your all done!

If you wish to get the annoying little shaddows back then just go through the tutorial again but this time REMOVE the code that you pasted in the 'Add CSS' box.

Thank you for reading and i hope this tutorial helped.

What would you like to see in the next 'How to' post?