Problem with alignment of pictures

  • Resolved blackdread

    (@blackdread)


    5 years, 10 months ago

    Hey guys,

    I am currently building some homepage for a friend of mine.
    After I changed some max-width in the css the alignment of pictures does not work correctly anymore. As you can see leftalign or rightalign moves the pictures too far to the left or right.
    Can you give me a hint how to fix that? I tried to change the left-margin, but that did not change the appearance.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Whenever negative margins are used, there is a high potential for problems.
    This is the CSS rule that is moving the images too far left.

    .full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft {
  margin-left: -168px;
}

    and this one for too far right

    .full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright {
  margin-right: -168px;
}
    Thread Starter blackdread

    (@blackdread)

    Thank you Joy for your help.
    This solved my problem.
    I tried to figure out the problem using the element inspector earlier but since I just started I did not find it.

    Thanks! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with alignment of pictures’ is closed to new replies.