Image Alignnment unwanted space below image

  • I am trying to align an image to the left side of my page, and place 2 smaller thumbnails directly below this image with little to no space in between the images.
    This is what my images look like now:https://whitegolddesign.com/northwest-griz-tee/. That is as close as I can the images to eachother.

    Is there a way to get rid of this space below images that are aligned?

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

  • It would be easier to do it if the code has different image class for the main picture and thumbnail

    Both of the main image and thumbnail inherit the class .alignleft which has margin-right: 1.625em

    A quick fix to this is to overwrite the CSS to change the properties to margin-right: 10px; for example, however it is not possible because both of images will use the same properties and the square bullet points will be on top of the main images.

    So, we can’t target the thumbnail alone:

    Screenshot

    Thread Starter MrDingle

    (@mrdingle)

    Would this adjustment be possible if I were to change the alignment to none on the thumbnail?

    I’m having a similar issue I think, with our website insisting on adding “horizontal spaces” between aligned images which are NOT there in the preview

    https://www.invsoc.org.nz/we-are-invsoc/

    preview screenshot

    Screen shot 2012-11-05 at 10.28.52 PM

    Any help removing these would be very welcome!

    I believe its something in the CSS about somehow “forcing a space” even when I havnt asked for one?

    Thank you for your help!

    @jay — start your own thread – It’s unlikely you have the identical issue even if they may seem the same. You’d also need to post a link to your site for help with CSS issues.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Alignnment unwanted space below image’ is closed to new replies.