Изображение Woocommerce — добавить ширину изображения

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

Изображения имеют очень разную высоту, и я хотел бы сделать их все 400 пикселей. Здесь: http://afspaerring.adhost-test.dk/vare-kategori/5421/5477/

Я пробовал с высотой: 400 пикселей; ширина: начальная; который работал для некоторых, но не для всех. Можно ли добавить ширину изображения bg или больше, чтобы мои изображения были размером 400x300 пикселей, но без обрезки изображения, а вместо этого добавлялся белый цвет.

NB. Я не вижу, чтобы кадрирование изображений Woocommerce решит эту проблему.

css wordpress woocommerce

01.03.2019 09:46

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Примените этот стиль; это зафиксирует вашу высоту с центральным положением.

.woocommerce ul.products li.product a img,                         
.woocommerce-page ul.products li.product a img {
    width: initial;
    height: 400px;
    margin: auto !important;
}

01.03.2019 10:00

Другие вопросы по теме

Смешанный контент - mshots

Wordpress - перенаправить URL-адрес на другой шаблон single- {post_type} - {other} .php?

Числа после URL-адресов WordPress не показывают 404

Подпись веб-сайта WordPress показывает «не защищено»

Многосайтовый плагин Wordpress

Установите параметр ACF select2 через Javascript при использовании Ajax

Получите идентификатор пользователя в уведомлениях по электронной почте о заказе Woocommerce

Попытка создать слайдер jQuery

ACF Показать конкретное поле из всех сообщений

Wordpress Elementor - проблема с лайтбоксом + конфликт Jquery

Изображение Woocommerce — добавить ширину изображения

Ответы 1

Другие вопросы по теме

Похожие вопросы