Return to previous page

Single product page gallery without slider – Space between images

This topic has 6 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

  • Avatar: Olele
    Olele
    Participant
    April 28, 2020 at 11:48

    Hi, after the last update the space between images on my site’s single product page has disappeared. The gallery is set without a slider, only images one after another, vertically. I’m not sure what margin value I shoud be looking for to fix it.

    Please, contact administrator
    for this information.
    #234904 Copied Theme version: 6.2 WooCommerce version: 3.9.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2020 at 12:26

    Hello,

    Theme Options > Single product > Enable slider for gallery images > On.

    Regards

    #234906 Copied
    Avatar: Olele
    Olele
    Participant
    April 28, 2020 at 15:08

    Hello, I don’t want to enable the slider, I just want to have a vertical gallery. The problem is that the images have no space between them. Please check the image attached.
    Thanks!

    Please contact administrator
    for this information.
    #234919 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 28, 2020 at 19:14

    Hello,

    Add the following code to Theme Options > Custom CSS

    .product-images .product-images-gallery > div {
    margin-bottom: 20px;
}

    Regards

    #234947 Copied
    Avatar: Olele
    Olele
    Participant
    April 29, 2020 at 15:02

    Great! Thank you!

    #235045 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 29, 2020 at 15:57

    You’re welcome!

    Regards

    #235054 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.