Изменение фона

 В этой статье мы рассмотрим как изменить общий фон сайта. Как я уже писал, мы взяли для примера шаблон protostar. Этот шаблон имеет опцию, в настройках, изменение фона сайта. Я изменил фон через настройки. Что делать если ваш шаблон не поддерживает эту функцию? Мы внесём изменение в CSS.

 Для примера я возьму этот сайт. Данный шаблон не даёт возможности изменить цвет фона из панели управления.

 Открываем сайт в браузере. Наводим курсор на фон и нажимаем правую клавишу мыши. Выбираем: исследовать элемент. Открывшееся окно содержит два раздела. Слева код HTML, а справа правила CSS для этого объекта. В разделе HTMLнажимаем на bodyclass. Справа нам открывается правило CSS для фона сайта. Возле строки background нажимаем на квадратик, или кружок, с цветом. В открывшемся окошке выбираем цвет фона. Справа, над правилом CSS, находится название файла и строка где этот стиль записан. Наводим на название файла и в выпавшей строке видим полный путь к данному документу. Копируем код выбранного цвета и идём по указанному пути (для этого заходим в панель управления сайтом на хостинге, выбираем: диспетчер файлов). По указанному адресу находим нужный файл, открываем, вносим изменение, сохраняем. Напомню, что номер строки с правилом нам показан в поле с названием файла. Вот как это выглядит на данном сайте.

Здесь видно, что данное правило находится в файле typography.css, строка 14. При наведении курсора на название файла мы увидим полный путь.

 Фон сайта мы изменили, переходим к изменению фона текстового поля.