Remove Image Shadow in Blogger

Image Shadows:
All the default templates of Blogger have shadow effects on images. Not only on images, you can see shadows around pages and widget/gadgets. You can increase and decrease those shadow effects on Blogger blogs easily. 

After adding an image to your Blogger blog, you can see border around images and also shadow effect. There is use with the shadows around the images. So it is better to remove annoying shadows around the images in Your Blogger blog.

How to remove image shadow in blogger blog :

It's really good idea to remove the border around images and shadows of images in your Blogger. I already showed how to remove borders around images on your Blogger blog, now I'm going to show you how to get rid of annoying shadows around images on your Blogger blog. Don't need to manually remove shadows around images one by one. With this trick you can easily remove shadows around all images on your Blogger blog easily.

Follow below steps to remove shadow around images in your Bogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on edit HTML

Step 4 : Search  .post-body img {

Below to the .post-body img {   , you can see code like 

-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

Replace the  .2  in the above 3 lines with  0 (zero).

Step 5 : Click on Save template.

Now visit your Blogger blog and see whether the shadow around images on your Blogger blog was removed or not. You can also remove image shadows by adding custom CSS code to your Blogger blog. But adding an unnecessary extra CSS code to your Blogger blog is not a good for your blog.

Because if you keep on adding the CSS code to your Blogger, your blog will become slow. So follow above basic method to remove images shadow in your Blogger with out adding CSS code.

Again if you want to add shadow to the images in your Blogger then simply replace 0 with .2 value in the code as mentioned in Step4. But it is better to remove the shadow around the images in your Blogger blog to make your blog posts more professional. Remove all shadows on your Blogger blog, not only images shadows including shadows around pages and shadows around widgets .

No comments:

Post a Comment