Get rid of photo borders in Twenty Eleven

guitarwizard93 · Member · May 5, 2013 at 5:10 pm
Copy link

Add topic to favorites
Whenever I insert a photo into a page on this theme, it automatically produces a faint border. I’ve always been able to get rid of this by going to edit photo and putting a “0” in the “Border” box.

Anyway I can do this with a gallery? Every photo in the gallery has a frame that I want to get rid of. Is this something I’d have to do through the CSS? I don’t currently have that customisation package and don’t really want to have to get it if I don’t have to!

Cheers

The blog I need help with is: (visible only to logged in users)
timethief · Member · May 5, 2013 at 9:16 pm
Copy link
This thread will be moved to the CSS Forum for you.
See: https://en.forums.wordpress.com/topic/remove-image-borders-from-twenty-eleven-theme?replies=7
Note Google search works very well.
designsimply · Member · May 6, 2013 at 11:52 pm
Copy link
You do need the Custom Design upgrade in order to change the borders around gallery image in the Twenty Eleven theme on WordPress.com.

You can test it out before purchasing by going to Appearance → Themes → Customize → Custom Design and clicking the “Try Now” button.

Then go to the Appearance → Themes → Customize → CSS panel, and add the following example:
```
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border: none;
}
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;
}
```
That should remove all borders and hover background colors from linked images in the Twenty Eleven theme.

No items found.