Как индивидуально поменять цвет какого-либо элемента темы?

FAQ (Общие вопросы)Интеграция с OZON Интеграция с Яндекс.Маркет Экспорт в YML PRO Интеграция с AliExpress SEO-фильтр Meta Robots Tag Информация о доставке и оплате Часто задаваемые вопросы Группы товаров SEO-оптимизация Каталог отзывов Google Покупки Электронная коммерция Поиск PRO SEO-регионы Турбо-страницы SEO-редиректы Link canonical Last-Modified Заказ обратного звонка HTML-карта сайта Навигация в хлебных крошках Купить в 1 клик Купить в 1 клик 2.0 Sitemap PRO Заказ в 1 шаг Бренды PRO Массовые изменения Защита контента для Shop-Script Автообновление курса валют Защита контента для приложения «Блог»Передача заказов из корзин Турбо-страниц Fast index Цены Pro Интеграция с МегаМаркет Mobisite 3.0 Megashop 3.0 MobiSite 2.0 VK пиксель PRO Эквайринг Epay Ближайший срок доставки Дополнительный поиск товаров в категории Триггеры PRO Поделиться корзиной Обновление остатков и цен по коду артикула Общие вопросы

Полезная информация Идеи по улучшению Баг-репорты

Войдите в личный кабинет для возможности задавать вопросы и отвечать на комментарии.

Поддержка Bodysite

19 сентября 2022 10:29

Есть ли возможность залить шапку у сайта другим цветом и как это делается?

1 комментарий

Поддержка Bodysite

Индивидуально изменить цвет любого блока можно средствами CSS. Для этого, через исходный код страницы (Правая кнопка мыши на элементе - Посмотреть код) можно увидеть, какие именно стили отвечают за тот или иной элемент.

Например, в вашем случае это стили:

Средняя часть (с логотипом): .c-header-middle-bar
Верхняя строка: c-header-top-bar

Чтобы изменить цвет, нужно в файл user.css добавить подобные строки:

.c-header-middle-bar,

.c-header-top-bar {

       background-color: #000;!important;

}

Чтобы файл user.css применялся, нужно в настройках оформления включить использование пользовательского файла стилей: https://disk.yandex.ru/i/O5Ke3ChcBYT5_A (находится в блоке "Тонкие настройки темы дизайна")

19 сентября 2022 10:30

Чтобы добавить комментарий, войдите в личный кабинет

Запрос в поддержку