Support » Theme: Twenty Thirteen » Images are hanging beyond the left margin

  • I don’t know if this is intentional for the Twenty-Thirteen theme; however, the images in the site I am working on are hanging to far to the left. I kind of like the look of it, but I am not sure if it is correct.

    If it is not correct, may I get direction on how to correct it?

    http://www.friendsofhomeless.com/our-story/

    The website was originally in Suffusion. It imported nicely.

    Thank you for any assistance in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • That is one of the theme’s feature and yes it is intentional 🙂

    It can however be changed if needed using a child theme and a bit of CSS tweaks.

    I have been having the same issue – and I don’t like the look of it – I already have a child theme that I’m tweaking – please can you share the CSS you might use to keep the images nicely aligned with the text.

    Thank you very much.

    Yes, I’d be interested in the CSS as well. I have a child theme that I am working on. Thank you.

    OK here you go – around lines 1133 to 1141 you have the following CSS

    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
    	margin-left: -60px;
    }
    
    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
    	margin-right: -60px;
    }

    Change the -60px to 0 or 0px and the images will realign with the content 🙂

    Thanks for that hint. I was searching for hours for the reason and I nearly went crazy 😀 But now I tend to like it the way it was intended to be.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images are hanging beyond the left margin’ is closed to new replies.