Saturday, 19 September 2015

How to Remove Border from Blogger Image/Picture

In the previous post we learned How to Show Post Excerpts on Home page with Thumbnail on Blogger. In this Post we will learn How to remove Border from Blogger Images in the posts. The borders and shadows around blogger images are very annoying. Follow the steps below to remove:

remove border from blogger imagePictureFor Old Blogger interface:

1.) Firstly you are required to Open Dashboard.

2.) After that Design > Template Designer > Advanced > Add CSS.

Then paste the following script and Apply to blog 

For New Blogger Interface

1.) Open Dashboard

2.) After that Template > Customize > Advanced > Add CSS

Then paste the following Script and Apply to blog

Recommended Read: 

How to verify to Webmasters?

 .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !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;
remove border from blogger imagePicture

Cheers..!! Task to remove border from blogger images is finished. Now blogger images displays without any border and shadow.


If unfortunately the above method doesn’t work for you then try the following:

1.) Go to Blogger's Dashboard

2.) After that Template > Edit HTML

Click anywhere on the code and press CTRL + F for searching the following script

   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);

Note: if above script is not found then search for following script and rest of it should appear.

 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

 Delete it and Save your template.

 We learned to remove border from blogger image/Picture in this post. If you encounter any problem then reach to me via comments. Thanks.

No comments:

Post a Comment