Remove border from images

I tried the youtube video posted above, and other instructionals found on the internet, but did not have any sucess getting rid of the annoying image borders.

I don’t know how to write html coding, but can understand prewritten code enough to get things done. So I decided to look in the html through the editor to make the necessary changes. Here’s what I did:

I went to Appearance, then, editor and selected stylesheet (style.css). This was found near the bottom of the options found on the right side of the editor.

Then, in the editor where the html coding is, I found the following coding (about 3/4 of the way down the scrollbar):

img.alignleft,
img.aligncenter,
img.alignright,
img.alignnone,
div.wp-caption img,
.entry-attachment img {
padding: 8px;
background-color: #f6f6f6;
border: 1px solid #d2d2d2;

Then I changed padding: 8px (may be a different number with your theme settings); to padding 0px;

Then I changed border: 1px to border: 0px (again, your original px number may be higher).

So, making padding: 0px and border: 0 px should remove the annoying borders that are placed around your images.

Hope this helps you.