a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
background: none;
}`

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: none;
}

.entry-header .comments-link a {
display: none;
}

To do it page by page and post by post, you can add

`style="border: none;" to the image code as below.

<img style="border: none;" class="alignright size-medium wp-image-78" alt="Why Now2" src="http://testguessandgo.files.wordpress.com/2013/05/why-now2.jpg?w=176" width="176" height="300" />

I assume the above code will delete the frames from all images throughout the blog.

Is it maybe a better idea to do it on a post by post and page by page basis? For example in the post titled "Why Now?", if I wanted to remove only the frame around the blue question mark graphic, I assume that I would go into the Text tab and make a change to this code:

<img class="alignright size-medium wp-image-78" alt="Why Now2" src="http://testguessandgo.files.wordpress.com/2013/05/why-now2.jpg?w=176" width="176" height="300" />I would

Thanks for the help. This is all new to me; slowly but surely I'm making progress every day.

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
border: none;
}
.wp-caption img {
border: none;
}
Thanks a lot for your help!

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: none;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
box-shadow: none;
}

An example of what I mean is the GIZ logo at the bottom of this page:
http://arquetopiafoundationfordevelopment.wordpress.com/acerca-de/

I'd prefer if this logo just sat on a flat white background.

#access {
border: none;
}

aside .widget-wrap {
background: none;
border: none;
}

If you also want to get rid of the background on the widget titles, add this also:

aside h3.widgettitle {
background: none;
}

In a related question, how do I remove the chunky gray border around all of my widgets so that it is the same thin border that's around my image widgets?

.widget-wrap li {
margin: 0 !important;
}

This does not affect the text widgets that you have the iframe code in (Vintage and In Your Dreams). The size of the image for those is set in the iframe code and you would have to edit those. I would suggest getting rid of the height and then just setting a width for the images in those.

I am using the Opti theme, trying to decrease the padding of all of my widgets to zero. I was able to do this for my image widgets, but not for the others. What is the CSS code to make this adjustment.

Thanks.