Follow Me:

Friday, August 15, 2014

Remove Image or Picture Shadow from Blogger

Remove Your Blogger Picture or Image Shadow

Blogger's uploading image in blog post find their images with annoying borders and shadows, if you need to remove the annoying borders and shadows from the images you need to follow this steps below:-


Bloggers using old Interface:-

Go to Designs next Template Designer - Advanced option - Add CSS in the box paste the following code and Apply to blog.

Today's Blogger's use their own custom template or new Blogger Template:-

So follow this steps go to Dashboard - Template - The Customize option - Advanced then add the CSS and add the code in your blogger </b:skin> if the code is already there then remove and add this CSS code an Apply to Blog.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !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;
}
If the above code doesn't work on your blog try the below code.
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Image:- TheNextBlogs
Creative Commons License