3 January 2013

Remove Shadow and Border from Blogger Picture

Remove Shadow and Border from Blogger Picture
Have you watched your blogger post images?Isn't there something wrong?yes we are talking about the border and shadow parts,Sometimes it really annoying us for that such a dumb looks.So,if you want to get rid of from  that annoying shadows and borders around blogger pictures,then in this post we'll going to share the tutorial about how to remove it permanently from your blog.So let's move onto the tutorial part.

As per the demo you can see the below screenshot to check the difference.

 Must Read :  Email Subscription Box For Blogger

Remove Shadow And Border

  • Log onto your Blogger Dashboard > Design > Edit HTML
  • Download/Backup your template
  • Now search(ctrl+f) for ]]></b:skin>
  • Next add the 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 the template and you're all done.Next refresh your blog.Now your blog should appear without any borders and shadows.

If the above process doesn't work for you, then you may try the following steps
  • Log onto your Blogger's Dashboard > Template > Edit HTML
  •  Search (CTRL + F) for the following code tag:

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.
Articles You May Like

7 comments: Leave Your Comments

  1. Neat tips you have there. I don't like a shadow and border behind my images, especially when I have captions, but I live with it since I don't know how to remove it. Thank you! :D

  2. oh wow... great tips you got here... especially for the non-techie folks like myself... thank you so much!

  3. This is an amazing source of information on how to enhance our site. Thank goodness I've learned about this. Keep it up.

  4. great tips and very helpful for bloggers

  5. My blog have this annoying border lines, too. But now I know what to do, thanks! :)

  6. Thanks for the tips! There's always something new to learn each time I visit. :)