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:

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.

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;

    }

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 tutorialcomment below. Stay Updated, Like this post? Please share.

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

Share this post