Сменить цвет и размер шрифта цены товара Есть решение
Добрый день!
Где можно сменить цвет и размер цены товара, так как она сливается с названием товара.
Добавить ответ
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Здравствуйте, Любовь!
Создайте в приложении Сайт блок upstore.user_css и добавьте туда код:
.product-list .product-card-price { color:#018101; }#018101 – замените на свой код цвета.
Владимир, спасибо)
А увеличить размер шрифта "значения цены" как ?
В тот же блок добавьте:
.product-list .product-card-price .price { font-size:24px; }/* Обычная цена */ .product-list .product-card-price .compare-at-price { font-size:24px; }/* Зачёркнутая цена */24px поменяйте на свои значения.
Спасибо, только в смартфонах размер шрифта цены не меняется, пока только на компьютерах.
Для мобильников немного другой код:
@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; /* Зачёркнутая цена */ } }Владимир, здравствуйте!
не получается, возможно, что -то не правильно указала.
но размер шрифта на смартфонах не меняется
Добавьте 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; /* Зачёркнутая цена */ } }Владимир, спасибо))