HackToHell. Powered by Blogger.

Add padding to images in blogger using CSS

Want your images to have an border around them with an background colour  , this hack can help!


Many people fancy this , having images with borders around them . It is really usefull if you want your images to strike out and mot just blend into the mayhem of text ,it has it's  good and bad uses!

So how do you add it?

Add this simple CSS (Cascading Style Sheet) into your blogger CSS.
 
.post-body  img {
padding:8px;
background:#F0F0F0;
border:1px solid #CCCCCC;
max-width:495px;
}

In this you can change the things in red , the padding , the highlighting space , make it 5 if 8 is too much.
The background padding colour, make it a mild colour , and also , you can change the maximum width as per your needs or remove it .

A small screencast on how to do it!
Share on Google Plus

About hacktohell

Love technology.
    Blogger Comment
    Facebook Comment

2 comments:

  1. I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much.
    WordPress development company in Chennai

    ReplyDelete
  2. To make the best images, people convert jpg to png images to make it easier to work at: jpg4png.com

    ReplyDelete