How To Remove Border And Shadow Around The Images On BlogSpot Blog?




If you are a blogger user, remove the image border and shadow for better looking.  By default blogger shows border and shadow around your images of your blog post. If you think this is an irritating and want to remove or delete it from your images or photos, just follow the given blogspot tutorial with images:


remove border on blogger images
Before                                                     After
         
 Let’s follow this steps to remove border on blogger images:

Step 1. Log in to your Blogger Dashboard, then go to Template > Edit HTML.

remove border on blogger images


Step 2. Now click anywhere inside the code and search for following code by press ( CTRL+F ) :

    ]]></b:skin>


Step 3. Copy and paste the below code just above it:

    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
      padding: 0px !important;
      background: none !important;
      border: 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 on blogger images


Step 4. Save the Template.

That's all !

Now visit your blog, will not see any border and shadow around your blog images. For any issues related to above BlogSpot tutorial comment below. Stay Updated, Like this post? Please share.

Don't forget to Subscribe and Join 3268 other subscribers for direct updates in your inbox.

1 comment:

Related Posts Plugin for WordPress, Blogger...

More From Webworld