Как выровнять карточки товаров woocommerce тема Astra?

Question

[Дмитрий Сергеев]

Приветствую всех!
Знаю что криворукий , знаю что "Туповат" , поэтому перейду сразу к сути вопроса.
"Проблема " (для меня ) заключается в том , что смещаются карточки товаров.

Съезжают карточки , можно выравнять если написать заголовки с одинаковым количеством букв , но сами понимаете что этот вариант не подходит.
Как решить эту проблему ? Пожалуйста, я вас умоляю , как можно подробнее ибо я чайник.
WP тема Astra.
PS. Пропустим фразы "обратись к кодеру или фрилансерам "

Типа "Популярные товары на главной ПК версия"



Съезжающие карточки ПК Версия


Съезжающие карточки просмотр с Айпада

Comments

[WapSter]

Ответ

[Дмитрий Сергеев]

WapSter, я писал об этом =D

[WapSter]

Дмитрий Куршаков, другой ответ ты тут в ряд ли увидишь, на такой вопрос

Answer 1

[Aricus]

Нужно подправить CSS. Если вы не умеете редактировать тему, в настройках темы wordpress есть возможность добавить свой CSS. Правильный ответ зависит от того, как реализована вёрстка в этой теме. Самый простой вариант - задать min-height для блока с названием, равным 2 строкам. Однако, если будет название в 3 строки, оно всё равно будет съезжать. Если проект выложен в интернет, дайте ссылку, и я смогу ответить точнее.

Comments

[Дмитрий Сергеев]

Здравствуйте. Две строки будет более чем достаточно . Сайт : https://online-flower.ru/

[Aricus]

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 41px;
}

Можно было бы, конечно, придумать что-то получше, но, честно говоря, мне лень.

[Дмитрий Сергеев]

Aricus, Дружище, большое человеческое тебе спасибо. Выручил. Всё сработало.