Product gallery in Single Product Page

Hello,

I would like to give some CSS help. In the single product page,

1) I would like to reduce the vertical space between gallery photos and main image
2) To delete the space between gallery images.

See the image attached

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (min-width: 1025px){
body .thumbs-position-left .thumbnails .product-image-thumbnail {
    margin-bottom: 5px;
}
}

Best Regards

Thank you for the response. As you will see in attached photo,

1) the container of left image gallery photos became shorter than the main image.
2) the space between left thumbnails and main image remained the same

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the code with this one:

body .thumbs-position-left .thumbnails .product-image-thumbnail {
	margin-bottom: 5px;
}

@media (min-width: 1025px) {

body .wd-v-thumb-custom .product-image-thumbnail {
    height: calc(((var(--wd-slick-h) - 30px) / var(--wd-v-items)) - 5px);
}
}

If you have any questions please feel free to contact us.

Best Regards

thank you itsi ok

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for your rate and feedback on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance!

Wish you a wonderful day!

Thank you. Solved

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts