Google reanweb: Remove Post Body Background Shadow in Awesome Inc Template

Remove Post Body Background Shadow in Awesome Inc Template

In my favorite I would like to remove shadow from the default template of blogger awesome.Firstly, I find it very difficult to find. Even finding in option under Advance tab, but after trying a few minute I found the following code:

background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-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);

By default, you will see rgba(0, 0, 0, .2) so now change it to 0 if you want to remove shadow or change to 1 if you just want to reduce it shadow.
Step how to change
  1.  Log-in to your Blogger account.
  2. Go to Template tab
  3. Click Edit HTML
  4. Expand Widget Templates.
  5. Find the above code snippet (CTRL + F).
  6. Change all highlighted value (.2) to 0 or 1
  7. Click Save Template.

The post body shadow is now gone.

No comments:

Post a Comment