Beagent
Пользователь
- Регистрация
- 01.01.70
- Сообщения
- 3
- Реакции
- 0
- Баллы
- 1
ПРИВЕТ,
Я хочу изменить размер кнопки CTA на странице одного продукта, чтобы она соответствовала контейнеру.
Для этого я использовал этот CSS-код:
==
.single_add_to_cart_button.button.alt {
высота: 47,35 пикселей;
ширина: 552 пикселей;
размер шрифта: 25 пикселей;
выравнивание текста: по центру;
}
==
и он отлично работает на экране рабочего стола.
Я добавил этот CSS-код, чтобы сделать кнопку отзывчивой и адаптивной.
==
Экран только @Media и (максимальная ширина: 480 пикселей){
.single_add_to_cart_button.button.alt{
максимальная ширина: 600 пикселей! важно;
ширина: 100% !важно;
}
.single_add_to_cart_button.button.alt а{
дисплей: блокировать ! важно;
размер шрифта: 18 пикселей! важно;
}
}
==
Проблемы следующие:
1. Кнопка подходит к контейнеру на маленьком экране, НО не на экране планшета.
2. Размер шрифта остался таким же, как и на большой кнопке 25 пикселей, он не соответствует размеру кнопки.
Как это исправить, пожалуйста, чтобы:
-> оставить кнопку реагента на всех экранах и сделать ее под размер контейнера?
-> сделать размер текста кнопки адаптивным, чтобы он соответствовал размеру кнопки?
![Изменение размера кнопки CTA и сохранение ее отзывчивости Изменение размера кнопки CTA и сохранение ее отзывчивости](http://)
Спасибо.
Я хочу изменить размер кнопки CTA на странице одного продукта, чтобы она соответствовала контейнеру.
Для этого я использовал этот CSS-код:
==
.single_add_to_cart_button.button.alt {
высота: 47,35 пикселей;
ширина: 552 пикселей;
размер шрифта: 25 пикселей;
выравнивание текста: по центру;
}
==
и он отлично работает на экране рабочего стола.
Я добавил этот CSS-код, чтобы сделать кнопку отзывчивой и адаптивной.
==
Экран только @Media и (максимальная ширина: 480 пикселей){
.single_add_to_cart_button.button.alt{
максимальная ширина: 600 пикселей! важно;
ширина: 100% !важно;
}
.single_add_to_cart_button.button.alt а{
дисплей: блокировать ! важно;
размер шрифта: 18 пикселей! важно;
}
}
==
Проблемы следующие:
1. Кнопка подходит к контейнеру на маленьком экране, НО не на экране планшета.
2. Размер шрифта остался таким же, как и на большой кнопке 25 пикселей, он не соответствует размеру кнопки.
Как это исправить, пожалуйста, чтобы:
-> оставить кнопку реагента на всех экранах и сделать ее под размер контейнера?
-> сделать размер текста кнопки адаптивным, чтобы он соответствовал размеру кнопки?
Спасибо.