November 24, 2014

Monday, November 24, 2014
How to remove Border and Shadow from images of Blogger
If you are using Blogger's default template or other templates, there is a default function of those template you may be don't like is Border and shadow around images. This function doesn’t make all images important or all images look awful!
So if you want to get rid of these automatic imposed borders and shadow effect on your images of your blogger blog, read on- To make this tutorial done will not take more than 2 minutes and difficulty is beginner.

How to remove Border and Shadow from images of Blogger

  • First log into your Blogger account, select your blog,
  • Go to ‘Template’ tab, than select ‘Edit HTML’.
  • Search (Using Ctrl+F or Cmd+F) for post-body img 
  • Under ‘post-body img’ you will find these codes-

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);
  • Identify and Select all these codes and DELETE ‘em. Hit ‘Save Template’
Now go check out your Blog, the Border and Shadow around image gone!

This tutorial performed on Blogger’s Simple template, other template may be will have different codes for image border and shadow, Don’t worry all image related codes you always will find in ‘post-body img’ section, identify them and delete ‘em, it’s easy.

Last words, If you have any question or feedback don’t forget to mention, Chill…


Post a Comment

Copyright © 2013-19 Crawlist All Right Reserved
Designed By Crawlist Team