Single product page gallery thumbnails - by Olexi

8 replies2 participantsUpdated by 8theme

  • Avatar: Olexi
    Olexi
    Participant

    Hi,

    we changed the size of the images in the woocommerce options and regenerated the images … everything fine.

    The only thing is that the distance between the smaller images is the same as with the previous larger ones … so there is a lot of whit space now.

    Any chance to reduce the distance between the images in the gallery?

    cheers

    8 Answers

    Avatar: 8theme
    8theme
    Support staff

    Hello,

    Please, provide a screenshot of the problem and a link where we can see it for better understanding.

    Regards

    Avatar: Olexi
    Olexi
    Participant

    Hi,

    the problem can be seen here … we would love to have the small gallery images closer together.

    https://www.firstbeautyspa.at/produkt/led-gesichtspflegegeraet/

    Avatar: 8theme
    8theme
    Support staff

    Hi,

    Sorry, but our thumbnails gallery can display only 4 images per slide and there is no way to decrease spaces between them. We suggest you increase their sizes to fit the space well.

    Regards

    Avatar: Olexi
    Olexi
    Participant

    Any chance to make the with of the gallery smaller … like 60% … so it automatically reduces the space?

    Avatar: Olexi
    Olexi
    Participant

    i mean width … the total width of the gallery.

    Avatar: 8theme
    8theme
    Support staff

    Yes, it is possible. Try this code

    
    .images .thumbnails {
        width: 60%;
        margin: 0 auto;
    }

    Regards

    Avatar: Olexi
    Olexi
    Participant

    exactly what we needed … perfect, many thanks 🙂

    Avatar: 8theme
    8theme
    Support staff

    Great 🙂 You are welcome

You must be logged in to reply to this topic.Log in/Sign up