Get rid of photo borders in Twenty Eleven

  • Author
  • #1258593

    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!


    The blog I need help with is



    This thread will be moved to the CSS Forum for you.
    Note Google search works very well.


    You do need the Custom Design upgrade in order to change the borders around gallery image in the Twenty Eleven theme on

    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:

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

The topic ‘Get rid of photo borders in Twenty Eleven’ is closed to new replies.