Как искать стили в шаблоне и заменять их?

На примере шаблона Color 2.0 мы покажем, как последовательно искать стиль блока, текста и любого другого элемента на странице для замены (цвета, размера, фона).

1. Вам потребуется браузер Google Chrome. Если у вас он не установлен, скачайте его по этой ссылке
2. Откройте в браузере ваш магазин или сайт
3. Наведите курсор мыши на необходимый для изменения блок
   
4. Нажмите правую кнопку мыши на этом блоке и выберите пункт "Просмотреть код" (или CTRL+SHIFT+I)
   
5. Нажмите кнопку "Elements"
   
6. Выберите необходимый блок стиля ниже в коде (он будет подсвечиваться светло-синим) и нажмите на него п.1 (см. картинку ниже)
7. В правой части у вас появится название этого стиля и файл, в котором необходимо его найти п.2 (см. картинку ниже)
8. Замените необходимый параметр (например поменять фон с белого на черный) и замените его п.3 (см. картинку ниже)
9. Например было (в файле style.css)

.catalog_small li {
    background: #ffffff;

стало

.catalog_small li {
    background: #000000;