How to Get Rid of Your Blog Image Borders and Shadows

Having Borders on your Blog Image doesn't really Look Nice all the time, especially those thick borders with shadows, they make the Image look too Different from the entire blog post. I'll outline Below the Easy steps to get Rid of Borders and Shadows from the Images on your Blogspot site.

  1. Login to your Dashboard 
  2. Click on Template 
  3. Click on the Customize Button beside the Edit HTML button 
  4. In the Customize screen, click on Advanced >>> CSS 
  5. In the CSS box, copy and paste the code Below there and Hit the Enter key before you click on the 'Apply to Blog' Button.
  6. Once the changes have been Applied, you can then view your Blog Posts without any Borders or shadows.
.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;

Feel Free to Drop your comments as I'll be Replying to all.

Guest Author's Bio

This is a Guest Post by Oscarlee, the Admin of, the Tech and school News Blog

1 comment:

Any promoted links in comments will be deleted. Only relevance links in comment (if at all) will be approved.