Monday, July 7, 2014

How to Remove Border from Picture in Blogger

ok! Quick Blog Tips! For years, i've been posting pictures with a grey border in my blog. It doesn't look neat and certainly doesn't look nice. Fortunately, i found a solution to it!!!

Big thanks to help logger for the coding. Google really has everything! 

To remove the border from your picture: 

Go to Template -> Customize -> Advanced -> Add CSS and copy paste this coding: 

.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;
}

And Apply to Blog

That's it!!! That simple :)

Illustration:

xx 

No comments:

Post a Comment