Return to previous page

Product Gallery on single product page - by Anuschkja

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

Anuschkja

Participant

October 21, 2021 at 15:45

Hey Guys, how can i center the product gallery image on a single product page without setting the content to 100%?
There are buttons on the single product builder to center/left/right but those changes do not appear.
Thanks in advance.

Please, contact administrator
for this information.

#306113 Copied Theme version: 8.0.7 WooCommerce version: 5.8.0

5 Answers
Rose Tyler

Support staff

October 22, 2021 at 08:10
Hello,

Add the next code in Theme options > Theme custom CSS:
```
.single-product .woocommerce-product-gallery.images-wrapper {
    margin: auto !important;
}
```
Regards
#306148 Copied
Anuschkja

Participant

October 22, 2021 at 10:12

Great, thanks.
Any custom code for the shop page to have on the mobile version one product per row instead of two as I set this to two on desktop?
Kind regards

#306165 Copied
Rose Tyler

Support staff

October 22, 2021 at 10:34
Hello,

Add the next code in Theme options > Theme custom CSS > Mobile:
```
.products-grid .product {
    width: 100% !important;
}
```
Regards
#306171 Copied
Anuschkja

Participant

October 22, 2021 at 20:18

Amazing. And last but not least, how can i center the variation swatches?

#306239 Copied
Rose Tyler

Support staff

October 23, 2021 at 08:03
Use the next custom CSS code:
```
.single-product form.cart table.variations td.label, .single-product form.cart table.variations td.value {
    text-align: center;
}
```
Regards
#306255 Copied
Tagged: ecommerce template, product gallery, product page, seo friendly, single product, woocommerce wordpress
Viewing 6 results - 1 through 6 (of 6 total)