Most of Bloggers used Image in their post and surely surprise when publish post and review it. Your post will be hover by border Image some time this border of image totally change your post looks. Because of utmost blogger template use that type CSS Style code in which default have border style image. so if you have decide to rid from annoying border style image follow these simple steps.
After that Click on Apply to Blog and Congratulation Task is Completed.
Now Your nasty border is gone to the Image.
Search (CTRL + F) for the following code
Delete it and save your Template.
If have any Question Put it on Comment Box.
Go to Dashboard > Template > Customize > Advanced > Add CSS
Paste the following 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;
}
After that Click on Apply to Blog and Congratulation Task is Completed.
Now Your nasty border is gone to the Image.
If Same Problem is Persist then do the following:
Go to Blogger's Dashboard >Template > Edit HTMLSearch (CTRL + F) for the following code
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Delete it and save your Template.
If have any Question Put it on Comment Box.
0 comments:
Post a Comment