Здравствуйте!

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

Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить в секции Пользовательские CSS визуального редактора.

Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:

https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683

http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html

Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:

http://htmlbook.ru/

http://www.w3schools.com/css/

Когда желаемый результат достигнут, полученный код можно перенести в редактор тем Мерчиума.

Для того чтобы присвоить необходимое свойство CSS к определенной секции или блоку, пожалуйста, сделайте следующее:

1. В администраторской части магазина перейдите на страницу Дизайн > Макеты.

2. Найдите необходимую секцию или блок.

3. Задайте название класса в поле Пользовательский CSS-класс или скопируйте существующий класс.

4. В редакторе тем откройте поле Пользовательские CSS.

5. Добавьте необходимый код для используемого CSS класса.

6. Нажмите Сохранить.

Например, чтобы изменить цвет шрифта названия категорий при наведении на них мышкой, необходимо добавить следующие правила в секцию Пользовательские CSS:

 

.no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link {
    color: #000; }

 

Спасибо.