How to Remove Borders on Pictures on Your Blog

Once you insert pictures on your blog, you will notice the border line around the picture. If you want to remove this eye catching thin line as to give attraction to the blog, you have to delete some HTML codes.

Here's how we gonna do the tweak on your blog:

1. Log in to your blogger account
2. Click Layout>Edit HTML and check the box "expand widget templates".
3. Find the following code:

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

4. Delete the code colored in red.
5. It's done. Click save.

But if you don't want to delete the border but rather change to something colorful lines, you only need to add some HTML color codes.


.post img {
padding:4px;
border:1px solid FF9900;
}

You can change anytime the color of your border and its border thickness and style.

Leave comment or questions. Cheers!

Posted in: Removing Border Line of your Blog Pictures