Как изменить размер или цвет любого элемента темы дизайна?

Все самые актуальные новости в нашем Telegram-канале Перейти

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 MobiSite 2.0 MegaShop 2.0 VK пиксель PRO Эквайринг Epay Общие вопросы Ближайший срок доставки

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

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

Поддержка Bodysite

13 декабря 2023 13:07

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

Для этого нужно:

Найти, как называется стиль у нужного вам элемента
Включить использование пользовательского файла стилей user.css
Вписать в файл изменения стиля элемента.

Разберем подробнее:

1. Как найти название стиля элемента.

Например, вы хотите изменить цвет полоски в шапке сайта. Кликните правой кнопкой мыши на элементе и выберите в контекстном меню пункт "Посмотреть код":

Наведите на название, чтобы увидеть, тот ли элемент выбран:

В данном случае нам нужен элемент header-top-bar , чтобы поменять цвет всей верхней полосы.

2. Как включить использование пользовательского файла стилей user.css

В настройках оформления витрины, выбрав нужную тему дизайна (UI 1.3):

найдите блок "Тонкие настройки темы дизайна". Здесь есть пункт "Загружать файл пользовательских CSS стилей", выберите "Да, загружать в <head>:

Если используете интерфейс UI 2.0, то так:

Сохраните настройки.

При активации этой настройки к странице будет подключен дополнительный файл стилей user.css

3. Как прописать стили в файл user.css

Перейдите в раздел "Шаблоны"

и найдите в нижней части шаблон под названием user.css

Если используете интерфейс UI 2.0, то так:

Изначально файл пустой, и вы можете добавлять любые свои стили.

Например, для изменения цвета полоски в шапке можно добавить:

После сохранения, изменения применятся на странице. Если их нет, попробуйте сбросить кэш браузера:

0 комментариев

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

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