Image Alignnment unwanted space below image (5 posts)

  1. MrDingle
    Posted 3 years ago #

    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?

  2. Mohd Rafie
    Posted 3 years ago #

    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:


  3. MrDingle
    Posted 3 years ago #

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

  4. jaywontdart
    Posted 3 years ago #

    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


    preview screenshot


    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!

  5. WPyogi
    Forum Moderator
    Posted 3 years ago #

    @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.

Topic Closed

This topic has been closed to new replies.

About this Topic