Blogger: Simple Template, Remove Content Box Shadow

The Blogger Simple template has a box shadow placed to either side of the blog content. Some people like it, others hate it. I've removed it from all of my own blogs and helped a few others do the same. Luckily, it's a simple CSS Tweak you can do in just a few moments.

Making the Change
Open the blog in Design->Edit HTML view, hit Ctrl+F to search for .content-outer to find the below style:

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}

Delete the four box-shadow lines, then preview your changes. Poof the shadow along the sides of your blog content are gone. Save the template and you're done. Short, sweet and simple.

Support JSBlogStop:

Donate with Dwolla