How to Remove an Image Border

For specific templates, when you upload pictures to your post. Will appear edge or border line in the picture. look at an image below...


To remove a border around it, please follow this steps:

1. Log in in to you blog.

2. Click Layout > Edit HTML

3. Find the code .post img or .post-body img.
Usually will be followed by the code like the example below :

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}

Each template has a different code. So all you have to consider is the border value. Replace the numbers 1 to 0. So the code becomes like this :

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}

4. Save Template

5. See the results.