Как изменить цвет ползунка цены в стандартном товарном блоке 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: дайджест о новых функциях

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

Читать »
Все статьи
Азбука рекламы: 40 ключевых понятий в маркетинге для владельца бизнеса

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

Читать »
обложка статьи - агентство по разработке сайтов- zero code что это, no code что это иллюстрация - блог MANUFACT PRO
Разработка сайтов
Разработка без кода? Как заработать на No code

Если вас интересует профессия разработчика, но нет возможности учить язык программирования, то вы все равно можете создавать IT-продукты (сайты, приложения). Подробнее о No code:

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

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

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

Зачитались?

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