How to Get Rid of Your Blog Image Borders and Shadows :
Okongeorge | Digital Wealth & Empowerment

Learn and Make Money Online.

Date: - Time:

How to Get Rid of Your Blog Image Borders and Shadows

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

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.

1 comment:

Show Emoticons

Protected by Copyscape Protection Status