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?

    https://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.

    Thread Starter AVSoffice

    (@avsoffice)

    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.