Get rid of Blogger template’s image borders

When setting up Doc's Tech Notes, I found that the template I was using added a 1 pixel width border around my images. Not the effect I wanted. So here's what I did to get rid of these annoying borders by changing a single character in the HTML/CSS template:

:: Load Blogger Dashboard
:: Select blog to modify
:: Select Layout
:: Select the Edit HTML tab
:: Place the cursor within the Edit Template text box (area that contains the HTML) and click
:: Use the browser's find feature (CTRL or CMD + F) to locate the following lines of code - in my case about half way down

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

:: Modify the line beginning with border and change the 1 to a 0 - the line should now appear as:

border:0px solid $bordercolor;

:: Hit the Preview button to verify the change is correct
:: Hit the Save Template button

Images placed on the site now appear without borders.

Technorati Tags: blogger, images, border, css, html, template, docstechnotes