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


На примере шаблона 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;

Смотрите также: