Some templates in Blogger such as 'Simple Template' have shadows around pictures, some might be ok with it, but some wants their picture to be without the shadow and pictures, so this tutorial is useful to those who want shadow to be removed.
This can be done easily with CSS, you just have to copy and paste this add to your template.
Copy this CSS code
.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;
}
This can be done easily with CSS, you just have to copy and paste this add to your template.
Copy this CSS code
.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;
}
Click to know how to add CSS - Go to your Blogger Dashboard > Template > Customize > Advanced > Add CSS > In the right text area, paste the CSS code you copied above.
Hit on Apply to Blog and refresh your blog page to see effects.
If you are not seeing any change then, try clearing your caches and then restart and browser and check yoru blog.
Related Posts
No comments:
Post a Comment
* Please do comment as it helps us to spread our post to more audience and also get feedback from our readers. *
Please don't use any abusive words, as it will create a violence environment here.
If you need any help or want to complaint about the post you can write to us here
depy45631@gmail.com we will reply you with proper answer.