Support » Fixing WordPress » Images overlapping each other in a page

  • Hi I am having problems with the images on this page:
    http://www.rolypolysemporium.com/?page_id=1706

    When I insert them into post having uploaded them, they look fine in the WYSIWIG editor then when I save and view the page they overlap and look rubbish. I have tried inserting html padding into the text editor for the page but it didn’t work. The code looks like this for each image:

    <img class=”alignleft wp-image-1728 size-full” src=”http://www.rolypolysemporium.com/wp-content/uploads/2014/11/rpdolls.png” alt=”dolls and bears” width=”175″ height=”175″ hspace=”25″ />

    I tried adding a gallery instead but this doesn’t allow me to link to a custom URL. I am using the twenty Thirteen theme. Any help or advice much appreciated!

    The blog I need help with is http://www.rolypolysemporium.com.

Viewing 1 replies (of 1 total)
  • Moderator Justin Greer

    (@justingreerbbi)

    Forum Moderator

    it is a CSS issue on line 1128 of syle.css

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

    the margin-left: 60px; is causing the right image to overlay the left image.

Viewing 1 replies (of 1 total)
  • The topic ‘Images overlapping each other in a page’ is closed to new replies.