Как я могу сделать изображение заголовка полной высоты?

avatar
annabelle
8 апреля 2018 в 11:35
115
2
-1

Я попытался добавить белую рамку вокруг изображения, чтобы оно обрезалось, однако изображение обрезается автоматически.

Меня принимает Godaddy, и я использую тему Bento.

Мой сайт http://bentleyandhudson.com

Источник
HelloWorld0815
8 апреля 2018 в 11:59
0

На всю высоту экрана?

Ответы (2)

avatar
HelloWorld0815
8 апреля 2018 в 12:03
0

Если вы хотите, чтобы изображение занимало всю высоту экрана на всех размерах экрана, вы можете использовать:

.post-header {
    height: 87vh;
}

Обратите внимание на совместимость браузера для vh.

avatar
Anna Wellington
8 апреля 2018 в 11:47
0

Вы можете попробовать добавить этот код

.post-header {
    height: 462px !important;
}

в wp настройщик или включите этот код в css темы. Вы можете сделать его отзывчивым с помощью еще пары запросов @media, если это то, что вам нужно.

Или еще можно использовать Beaver Builder, чтобы добавить это очень легко.

annabelle
8 апреля 2018 в 11:58
0

Круто, что решил проблему, большое спасибо за вашу помощь, я очень ценю это!

Anna Wellington
8 апреля 2018 в 12:05
0

Вам это тоже может понадобиться .site-header.fixed-header { height: auto !important; }