08 October 2009

Add/remove/change Border/outline of Iamges in Blogger Post.

Advertisements

Let's experiment with border or outline of that appears around images you add to your blogger post. You can add or remove a border to images or change the color of that border.

Images with Border














To add border go to Layout >> Edit HTML and look for

.post img {
  padding:1px;
  border:2px solid $bordercolor;
  }


Padding is the space between image and border. More padding value means more space. Now border value. It is 2px in above case. IF you change this to 8px then the width of border will increase.


Images without Border












To remove border of image change border value to 0

.post img {
  padding:1px;
  border:0px solid $bordercolor;
  }




Change color of border

 .post img {
  padding:1px;
  border:2px solid $bordercolor;
  }


Change $bordercolor to HTML code of your color

Get HTML color code picker

Related Posts

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More