Remove Border and Shadow from your Blogger Images

I have seen many of times that most of the blogs has border and shadow style arround the images in templates and most of the people don't like these styles and change this style but they does not know that how therefore after a couple of week i brought a new CSS Trick for blogger blog. In this post i am gonna show you a simple method for removing Border and Shadow from your Blogger Images in simple and short CSS code. You have to follow my given instructions. This simple CSS code give you an apportunity to remove Border and Shadow from blogger images. Follow the instrcutions below

See the Demo

1. First of all Download/Backup your template
2. Now go to your blogger Dashboard> Templates> Edit HTML
3. Search for ]]></b:skin>                     (Tip: Use CTRL+F to find)
4. Add the given below code just above ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .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;
}

If you will do these simple steps then you successfully done it. With this your blog would appear without any Border and Shadow. Keep visiting my site if you like it.

Posted in: Blogger,Blogger Knowledge