Slider

Facebook

Comments

Recent

Bottom Ad [Post Page]

Search This Blog

Archive

Recent Posts

Trending

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

Email: contact@mail.com

Trending Buzz

Contact Form

Name

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

Business

Technology

Life & style

Games

Sports

Fashion

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

 Update:

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.




«
Next
Newer Post
»
Previous
Older Post

No comments:

Leave a Reply