Need help? Check out our Support site, then


Get rid of photo borders in Twenty Eleven

  1. 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 carsandguitars.co.uk.

  2. This thread will be moved to the CSS Forum for you.
    See: http://en.forums.wordpress.com/topic/remove-image-borders-from-twenty-eleven-theme?replies=7
    Note Google search works very well.

  3. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic