Задать вопрос
@4upik
css

Как сделать чтобы все фото товаров отображались одним размером в css?

УРЛ https://luxe.kg/product-category/vanny/
первые 3 товара как-будто скачут)
их исправил вроде так
.item-wrap .item-detail .products-thumb .product-thumb-hover .wp-post-image {
width: 300px;
height: 300px;
}


но для этой страницы не помогло https://luxe.kg/product-category/dushevye/
  • Вопрос задан
  • 88 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
Для этого нужно указать для стиля .woocommerce img, .woocommerce-page img:
width: 100%;
height: auto;

При этом сами изображения должны быть одного размера изначально. Можно, конечно, указать для изображения и height: 100%, но тогда есть неиллюзорная возможность, что его растянет.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу под устройство с камерой, Python
23 апр. 2024, в 20:52
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 20:43
4500 руб./за проект
Поддержка сайта на Ларавель (laravel)
23 апр. 2024, в 20:36
1000 руб./в час
Ещё заказы