Добрый день, я побывал сделать как предлагает уважаемый tuxfighter, но ничего не получается! Не выравнивается кнопка в корзину. Подскажите пожалуйста, что можно сделать? http://chudakh8.beget.tech/product-category/ip-cameras/dome-cameras/
-
Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
-
Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!
Решено Как выровнять кнопки добавить в корзину
- Автор темы elenweb
- Дата начала
Попробуйте
CSS:
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
height: 60px;
}
Desgroy
Новичок
Есть еще один способ, которым я пользуюсь, может кому и пригодиться:
1. Прописываем минимальный размер рамки
2. Делаем отступ для кнопки "Добавить в корзину" от самой рамки
На выходе получаем
Обратите внимание, что такой метод предполагает ковыряние файла Style.css для адаптивности темы!
1. Прописываем минимальный размер рамки
CSS:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.productс {
min-height: 353px;
}
CSS:
.woocommerce ul.products li.product .button {
position: absolute;
bottom: 10px;
}Обратите внимание, что такой метод предполагает ковыряние файла Style.css для адаптивности темы!
antoha487
Новичок
я чего-то не могу найти такой путь у себя на хостинге. woocommerce-Price-amount.amount. Проблема та же как и у других была. из-за разного кол-ва символов в карточках они имеют разную длину. С виду выходит дичь полная. Объясните плиз как забороть.
Вложения
-
3.jpg
Это стили, CSS
antoha487
Новичок
ну значит у меня это не работает.
Что не удивительно. Каждый стиль пишется под конкретный сайт.
antoha487
Новичок
придется тему искать которая по умолчанию все будет выводить ровно.
сообщите пожалуйста, если найдете такую.
antoha487
Новичок
https://dessign.net/sold-responsive-woocommerce-free/
Вот эта. Можете на моем сайте глянуть https://promo-optom.ru
Спасибо. Но тема не из оф. каталога.....
antoha487
Новичок
это плохо?
да. Это не прошло ни каких проверок, нет ни каких гарантий совместимости и дальнейших обновлений.
antoha487
Новичок
спасибо, понятно
Здравствуйте!
Подскажите пожалуйста что я делаю не так. Мне подошел бы метод с кодом:
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
height: 120px;
}
но я уже вставлял его и в style.css темы, и в настройках сайта: внешний вид - настройка - "дополнительные css", но ничего не происходит.
Сайт: usblighters.com.ua
Скрин:
Заранее спасибо за ответ!
Подскажите пожалуйста что я делаю не так. Мне подошел бы метод с кодом:
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
height: 120px;
}
но я уже вставлял его и в style.css темы, и в настройках сайта: внешний вид - настройка - "дополнительные css", но ничего не происходит.
Сайт: usblighters.com.ua
Скрин:
Заранее спасибо за ответ!
а что вы хотите получить?
Кнопки "В корзину" в один рядок. Выровнять товары, чтобы они не пригали.
CSS:
.woocommerce-loop-product__title{
height: 120px;
}а неправильно вы делаете то, что пытаетесь применить уникальный стиль для совершенно другого сайта к своему.
Все равно как в чужую одежду пытаться влезть.