Woocommerce - изображения продуктов, спрятанные на маленьких экранах

Question

Я только что заметил после обновления Woocommerce, что изображение продукта скрыто на маленьких экранах.

Я вижу, что это установлено в файле woocommerce-smallscreen.css, но возможно ли это переопределить в темеПользовательские CSS?Похоже, мне нужно избавиться от поплавка: нет;Если я сделаю это в файле woocommerce-smallscreen.css, я думаю, он будет перезаписан в следующий раз, когда я обновлю WooCommerce.

Я пытался, но я не уверен, что получил правильный CSS.

Это то, что я вижу, если я выберу «проверить элемент» в chrome: media = «только экран и (max-width: 768px)». .Woocommerce #content div.product div.images, .woocommerce #content div.product div.резюме, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-pagediv.product div.images, .woocommerce-page div.product div.summary {float: none;ширина: 100%;

Если я распаковываю float: нет;в инспекторе хрома я вижу фото товара.Я пытался удалить его из css-файла WooCommerce, но это не помогло.

Answer 1

Попробуйте добавить float:left к элементу, содержащему изображение

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    float: left;
}

, если оно не работает, попробуйте добавить правило !important

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    float: left !important;
}