Remove borders around Header & Images for Twenty Twelve theme?

You need to install a custom CSS plugin or create a child theme. Jetpack has custom CSS so that’s a good option for the plug-in. Then you can add this code to the new custom CSS section:

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

That will remove that kind of border from all images — is that what you want or only the header image?

Okay, sorry, try this instead:

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

I had the same issue and this solution worked for me although I did get an error message in the CSS editor about not needing “img” in front of .header-image.

If it’s the same issue, follow the solutions in this thread.
Otherwise create your own thread.

I tried putting code into my child theme as WPyogi described. But I still have borders and drop shadows around my image. I copied and pasted into style.css. Is there something I’m doing wrong?

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

I hope it’s OK to sneak a comment into this post. I have been trying every possible custom CSS I could find and nothing worked until I tried this.

So happy I found this!!!!!!

Thank you 🙂

EDIT: problem solved!!