Инструкция как изменять цвет и настройки элементов через встроенный функционал шаблона: Подключать свой файл стилей?
1 шаг. Создаете на фтп сервере сайта в папке /catalog/view/theme/unishop/stylesheet чистый файл с расширением .css, для примера my.css, чтоб сильно не мучатся копируете любой файл css с сервера, очищаете его и даете ему другое название.
2 шаг. В настройках шаблона выбираете пункт Цвет. схемы и стили, фоновое изображение > Прочие настройки > Подключать свой файл стилей? и там прописываете название созданного вами файла полностью с расширением и сохраняете настройки шаблона, скриншот настроек:
3 шаг. Теперь собственно переходим к поиску кода и файла который отвечает за определенный элемент, открываете собственно сам сайт и с помощью инструмента веб консоли, в гугл хром он уже встроен я буду показывать на его примере, для обладателей мозиллы есть плагин https://addons.mozilla.org/ru/firefox/addon/firebug/ Кому как удобнее.
И так собственно для примера, разберем это изменение - На главной есть меню Бренды (A, B, C, D и тд), при наведении курсором на бренд цвет ссылки Красный, какой файл и какая строка отвечает за цвет этого меню?
3.1. Открываем сайт в хроме, наводим курсор мышки на элемент который хотим изменить, в частности на букву бренда в меню, цвет буквы поменялся на красный, нажимаем правую кнопку мышки и выбираем пункт: Просмотреть код, сбоку откроется консоль с кодом этого элемента, вот собственно на скриншоте вся схема поиска кода и файла где он прописан: http://prnt.sc/cdy4h9 вот путь к файлу http://prnt.sc/cdy4qv
3.2. Теперь узнав код который отвечает за этот элемент, /catalog/view/theme/unishop/stylesheet/manufacturer.css и 64 строка, находим его:
#manufacturer_module ul > li:hover > a {
color:#f00;
border:solid 1px #bbb;
background:#f8f8f8;
}
Для примера хотим изменить цвет при наведение с красного на ярко зеленый (#02ff00), в консоли мы его выбрали он нам понравился http://prntscr.com/cdy5qn открываем созданный нами файл my.css и прописываем там
#manufacturer_module ul > li:hover > a {color:#02ff00;}
3.3. Сохраняем, вот собственно результат наших изменений: