BASIC BLOGGER TIPS & TRICKS – HOW TO REMOVE THE SHADOW BORDER AROUND IMAGES

Basic Blogger Tips & Tricks

I’m starting a new blog post series of Basic Blogger Tips & Tricks. A new post will be available every Friday  at 5:30PM (GMT) to help you get your blog to the next level. I have written four basic tutorials so far to be released over the month of December. If there is anything you want to learn how to do on your blog leave the details in the comments or tweet me @neesharees

I will ensure to make all tutorials easy to understand so you don’t need to be a computer whiz to do them. They will be accessible for everyone and include plenty of pictures to aid the how to.

How to get rid of the shadow border around images:


How to get rid of Shadow Border on Images in Blogger

To get rid of the light grey shadow border around images follow these steps:

Go to your Dashboard > Layout > Template Designer > Advanced > Scroll to the bottom and click ‘Add CSS’

In the blank white box copy and paste this code:
.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;
}

Then click ‘Apply to Blog’ to save your changes.

Instagram | Bloglovin’ | Twitter

Follow:
Share:

5 Comments

  1. December 5, 2014 / 8:41 pm

    Great post!I think it will be very helpful for most people!

  2. December 5, 2014 / 9:57 pm

    Love these little tips Neesha! xx

    Abi | abistreetx.blogspot.co.uk

Leave a Reply to Svetlana Kalinina Cancel reply

Your email address will not be published. Required fields are marked *