How to remove borders around your post images.
- Click "Design" on the top right corner of your screen.
- Click the "Edit HTML" tab under live blog
Then click at the same time, "Ctrl - F", a search box will pop up on your top right side of the screen.
Find the post image style:
.post img {
padding:4px;
border:1px solid #ddd;
}
Change the border to 0px:
.post img {
padding:4px;
border:0px solid #ddd;
}
The padding is space around the image which will
remain.
If you have a different code like mine and can't find the code above try the one below.
Look for this post image style:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.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);
}
Change it to this:
post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 0px
0px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow:
0px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px
0px rgba(0, 0, 0, .1);
}
Click "preview" to make sure the border has been removed, if your border has been removed and you are pleased, then click "save template" and then close.
