How to Remove Post Body Shadow From Simple Blogger Template?

If you are using Simple template in Blogger, there’s a way for you to remove the shadow from content outer. It is the shadow that you can see in the edges of the post body. If you want to get rid of it, just follow the guide provided below.

1. Log-in to your Blogger account.
2. Go to Templates – Edit HTML – Proceed
3. Tick Expand Widget Templates box
4. Find this code snippet:

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

5. Change all highlighted values to 0. (From .15 to 0)6. Save your template.

Now, check your blog and the post body shadow is now gone.

Join the Conversation

2 Comments

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Hi! Thank you for the post. I have a problem In the Explorer 9. The shadow didn´t gone. Just in the header gone. Can you help me?