Изменение фона текстового поля

 В предыдущей статье мы рассмотрели как изменить фон сайта. Здесь разберём как изменить цвет текстового поля (container). Container это поле на котором находятся: текст, меню, модули и другие элементы. В выбранном мной шаблоне, protostar, текстовое поле белого цвета. Давайте его изменим на другой.

 В браузере наводим курсор на текстовое поле, нажимает правую клавишу мыши и выбираем: исследовать элемент. Нас интересует <div class="container"></div> , нажимаем на него. В правом окошке мы видим стиль CSS для данного раздела. Наводим курсор на значок цвета, нажимает левую клавишу мыши, и видим окошко по выбору цвета. Подбирая цвет мы можем наблюдать за изменениями на сайте. Внизу окошка выбора цвета есть ползунок. С его помощью мы можем регулировать прозрачность нашего контейнера. Если мы выставим прозрачность менее 100%, то стиль записи цвета изменится.

 Наконец мы определились с цветом. Теперь нам надо внести эти изменения в фалы сайта. Наводим курсор на название файла со стилем (вверху справа над цветом) и видим полный путь к этому файлу и строку с правилом. Заходим и изменяем. Более подробно о том как и где проводить правки я писал здесь.

 Наш сайт постепенно изменяет свой внешний облик.