Центрирование изображения на странице товара в woocommerce по индивидуальному заказу css - PullRequest
Новая
       11

Центрирование изображения на странице товара в woocommerce по индивидуальному заказу css

0 голосов
/ 09 апреля 2020

Я пытаюсь центрировать изображение в пользовательском css, но не могу найти хорошее решение. Кто-нибудь может взглянуть?

Веб-сайт:

И изображение этого пиратства должно быть в центре. Мне нужно сделать это для каждого продукта.

Я пытаюсь так: 

.woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images{
    max-width: 250px;
  vertical-align: middle;
text-align:center;
}


.figure.woocommerce-product-gallery__wrapper{
    max-width: 250px;
   vertical-align: middle;
text-align:center;
}

Как я могу центрировать это изображение в каждом отдельном продукте?

1 Ответ

1 голос
/ 09 апреля 2020

Пожалуйста, попробуйте это и скажите мне, если это работает: 

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
  margin-left: auto;
  margin-right: auto;
}

вместо 

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
  margin: 0; }
...