How To Remove Image Border

1'st pict.

You see the white border in the top image? Yes, that named image border. Sometime, image border felt so annoying. Agreed?

2'nd pict

Nah, look the difference between the first pict and the second pict. in second pict, there no image border. So, what do you think? With or without border it's all up to you :D

If ya want to know how to remove the border image, just read more this tutorial ^^






1. Dashboard > Design > Edit Html > Click Expand Widgets

2. Click CTRL + F, then search this code below :

.post-body img, .post-body .tr-caption-container,

3. After you found the code, you'll see this code :

.BlogList .item-thumbnail img {

  padding: $(image.border.small.size);

  background: $(image.background.color);

  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

4. You see the purple coloured code? Change them all into 0 (zero).
5. Now, your image border is removed ^^ If not worked, let me know, so I can help it.