База знаний по теме upStore
Настройки темыenglishдоп. параметрыГлавная страницаблокикатегориименюСлайдер на главнойcssupstore.user_cssшапкагалереякарточки товарацветпромо-карточкикатегории товаровфайл-менеджершрифтыплагиныкарточка товараКорзинаизображения товаровFontAwesomeстраница товаралоготипproduct.gallery.htmlиконкиценывкладкикартинки категорийtheme settingsфильтрыblocksотзывы и новости на главнойкаталогнаклейкиcontact formизображенияAJAXописания категорий товаровформа контактовСтраницы во вкладкахМагазинcart.htmlзаголовкиРазмер картинкиартикулывсплывающие окнасеткакэшФототелефоночерёдностьоформление заказаблогвидеоскрыть страницыiframeсписок товаровlazy loadлогискрытые настройкикраткое описаниеphp.logproduct.htmlинфо-блокиinstagramправка кодасобственные изображениятеги
All topics
Добавьте body перед обоими селекторами:
@media screen and (max-width: 567px) { body .list-thumbs-wrapper .uk-width-1-2 .product-card .price { font-size:24px; /* Обычная цена */ } body .list-thumbs-wrapper .uk-width-1-2 .product-card .compare-at-price { font-size:24px; /* Зачёркнутая цена */ } }

Сергеев Владимир
Посмотрел ваши промо-карточки.
Все проблемы от того, что текст нанесён на картинку.
Если бы вы добавили пустую картинку, а текст добавляли через описание промо-карточки, то было бы и адаптивно и красиво.
В данном случае промо-карточки обрезаются по вертикали.
Самое оптимальное – это на разной ширине экрана делать разную высоту блока с карточкой.
В блок upstore.user_css добавьте код:
@media (max-width:1023px) { /* Высота блока промо-карточки на планшетах */ .home-promos-wrapper .height-400.uk-overflow-hidden { height:670px; } } @media (max-width:767px) { /* Высота блока промо-карточки на широких телефонах */ .home-promos-wrapper .height-400.uk-overflow-hidden { height:480px; } } @media (max-width:736px) { /* Высота блока промо-карточки на больших айфонах */ .home-promos-wrapper .height-400.uk-overflow-hidden { height:370px; } } @media (max-width:667px) { /* Высота блока промо-карточки на обычных айфонах */ .home-promos-wrapper .height-400.uk-overflow-hidden { height:250px; } } @media (max-width:568px) { /* Высота блока промо-карточки на маленьких айфонах */ .home-promos-wrapper .height-400.uk-overflow-hidden { height:210px; } }

Сергеев Владимир
Задать вопрос