How to Remove Shadows from the Simple Theme in Blogger

I have found that the Simple Theme is a really great theme to work with when designing blogs, but I always need to get rid of the pesky shadows to have a nice clean slate for designing.

All you have to do, is go to your Dashboard, and select Template‚ and Customize.

That brings you to your Template Designer, where you will need to go to your Advanced tab and click on Add CSS.























Here are the codes that you need to paste in that section.
To get rid of the Header Text Shadow, paste this:

.Header h1 { text-shadow:none; }

To get rid of the Post Area Background Shadow, paste this:

.content-outer { -webkit-box-shadow:none; box-shadow:none; }

To get rid of you Post Image, Sidebar Image, & Profile Image Shadows, paste this:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { -webkit-box-shadow:none; box-shadow:none; }

That's It :) Super Simple!

Carolynn