Twenty Thirteen
Images are hanging beyond the left margin (6 posts)

  1. AVSoffice
    Posted 2 years ago #

    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?


    The website was originally in Suffusion. It imported nicely.

    Thank you for any assistance in advance.

  2. Zulfikar Nore
    Posted 2 years ago #

    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.

  3. safarigirrl
    Posted 2 years ago #

    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.

  4. AVSoffice
    Posted 2 years ago #

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

  5. Zulfikar Nore
    Posted 2 years ago #

    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 :)

  6. moblrme
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic