Remove gadget shadow in blogger

How to remove gadget shadow in Blogger :

In some Blogger themes like "awesome Inc", We can see shadow around gadgets, blog posts, pager and footer on Blogger blogs. Blog will looks good after removing shadow from gadget,blog posts and Footer. It is easy to remove that shadow , without adding any CSS code. This post will help you to remove shadow from your Blogger widgets

Follow below steps to remove shadow from gadgets in Blogger blog:


Step1 : Go to Blogger Dashboard

Step2 : Click on Template

Step3 : Click on Edit html

Step4 : Search  .main-inner .widget {

Below above line you can see code like below

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

Set above code as comment like below

/*  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   */

The shadow around gadgets can also be delete by deleting above 4 lines but it is better to set them as comment. By this method, any time we can get back shadow around gadgets by simply delete comment code i,e /* and */ from above code.

Step 5 :  Click on Save template.

3 comments: