Bottom Ad [Post Page]

Search This Blog


Recent Posts


10 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

Tel: +01 19 9876-54321


Trending Buzz

Contact Form


Email *

Message *

Follow by Email

Full width home advertisement

Author Description

Hey there, We are SoraTemplates! We are trying to provide you the new way to look and use the blogger templates. Our designers are working hard and pushing the boundaries of possibilities to widen the horizon of the regular templates and provide high quality blogger templates to all hardworking bloggers!
FantasyExpert | Dream11

Post Page Advertisement [Top]

Recent Tube



Life & style




» » 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.

Newer Post
Older Post

No comments:

Leave a Reply