free blog design tutorial remove image shadows in blogger for a seamless clean design



I wanted to share a quick blog design tip today that's very easy to do and (I think) really improves the look of any blog. This is how to remove image shadows.

By default, blogs have this light greyish frame around all of your images, including stuff in your sidebar. If you add a custom signature or any fancy buttons, all of these will have this image shadow. By deleting the shadow, it makes everything have a professional looking, seamless background.



It really does make a difference, doesn't it?


Here's how....
Go to your blogger dashboard, select template









choose the orange "customize" button







1. click "advanced"
2. scroll down to "Add CSS"
3. paste this entire code in the box:



.post-body img, .post-body .tr-caption-container, .ss, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;}
click "apply to blog" and save and you're done!
For all of my blog design tips and tutorials, check out my first e-course, "Bloggerific: How to Write and Design a Beautiful, Successful Blog"  now available