Как изменить цвет ползунка цены в стандартном товарном блоке Tilda ST320N

Мы не раз сталкивались с проблемой, как заменить в бегунке-слайдере цвет ползунка цены на свой собственный. Как убрать бесящий светло-синий (голубой) цвет в боковом меню с фильтрами и категориями товаров в каталоге на Тильда? Рассказываем.

Мы написали простой код, который помогает поменять цвет этой синей полоски в ползунке изменения цены. Добавьте код ниже в блок 123 на вашу страницу, чтобы изменить цвет на свой собственный. Всё делается в пару кликов. 

Простой код для изменения цвета синей полоски в виджете цены на Тильде

Для замены цвета на свой собственный, просто вставьте номер цвета в код на место нашего. И добавьте этот код на страницу в блок 123. После переопубликуйте страницу.
				
					<style>
    
    /* вот тут меняем цвет, если хотим изменить синий цвет на свой */
.t-store__filter__range_bg { background-color: #E5C572 !important; } 

    /* вот тут меняем цвет, если хотим изменить серый цвет на свой */
.t-store__filter__price-outer { background-color: #E5C572 !important; }
    
    /* код с сайта manufact.pro */
    
</style>
				
			

Изменение будет видно только на опубликованной странице!

Спасибо за внимание.

Пишите комментарии, делитесь статьёй в социальных сетях с помощью кнопок ниже и подписывайтесь на рассылку в нашем блоге. Мы всегда рады новым гостям!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
Тильда Tilda иллюстрация - блог агентства по разработке сайтов - МАНУФАКТ ПРО
Разработка сайтов
Новенькое в Tilda: дайджест о новых функциях

Собрали для вас все самые интересные новые функции Тильда! Обновления блоков, новые функции личного кабинета и другие доработки, которые сделали сайты еще удобнее.

Читать »
рекламное агентство - люди идут вид из окна под дождем гиф - видеопродакшн - статья блога MANUFACT PRO
Инструкции
Видеопродакшн: почему так дорого и можно ли дешевле

После расчёта стоимости в 8 случаях из 10 мы слышим: «Слишком дорого. Может обойтись услугами одного оператора, взять камеру попроще…». Вычеркивание позиций в смете — не выход. Вот, что можно сделать.

Читать »
блог диджитал агентства - сайт-визитка иллюстрация - статья блога MANUFACT PRO
Разработка сайтов
Что такое сайт-визитка

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

Читать »
MANUFACT это Digital Agency состоящее из специалистов в различных областях, связанных с разработкой и поддержкой веб-проектов. В нашем корпоративном блоге мы делимся тем полезным, что знаем сами. Знакомьтесь с нами неторопливо и со вкусом, делитесь впечатлениями и узнавайте новое.
Выжимки из наших статей и уникальные материалы мы публикуем в нашем Телгерам-канале. Подписывайтесь, чтобы ничего не пропустить.
Зачитались?

Оставьте свой email и получайте актуальный материал от команды MANUFACT.

НУЖЕН САЙТ ИЛИ РЕКЛАМА?
При заказе сайта в нашей студии, бесплатно настроим эффективную рекламу в Google

Зачитались?

Оставьте нам свой e-mail адрес и получайте актуальный материал от команды MANUFACT