Как изменить высоту рисунка в HEADERе (WordPress)

В прошлом моём посте про WordPress мне был задан вопрос: «как мне уменьшить высоту картинки в шапке темы?».

Попробую ответить как можно подробнее 🙂

Простая тема для WordPress состоит из нескольких строительных блоков: («header» (шапка), «content» (контент), и «footer» (подвал)). Обычно это файлы, которые находятся в папке темы: header.php, index.php, page.php, single,php и footer.php. Каждый из этих файлов определяет соответственно из чего будет состоять верхняя часть блога (header), средняя часть — посты (content) и нижняя часть (footer). Перечисленные выше файлы определяют только структуру страницы блога, за внешний вид отвечает файл style.css — файл каскадных стилей.

И если мы хотим изменить только высоту рисунка, то нам надо будет работать только с файлом style.css, остальные файлы не трогаем 🙂

В файле style.css находим строки:

#header {
background-color: #73a0c5;
margin: 0 0 0 0px;
padding: 0;
height: 160px;
width: 900px;
}

#headerimg {
margin: 0;
height: 160px;
width: 100%;
}

Давайте разберёмся что здесь к чему. #header и #headerimg это стили, которые относятся и элементам страницы с одноимённым идентификатором. То есть, стиль #header отвечает за то как будет выглядеть элемент

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.