Saturday, December 11, 2010

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

0 comments
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

0 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more