Вы про это? (уменьшаем высоту контейнера и заливки)
.header-title-image {
height: 200px;
}
.header-title-image-container {
height: 200px;
}
Потом можно менять выравнивание самого изображения. Сейчас стоит:
.header-title-image {
background-position: center center;
}
Пробуйте менять на:
.header-title-image {
background-position: center bottom;
}
Автор
Anonymous User 14699583
(@anonymized-14699583)
да-да, но только в стилях style.css я все давно заменила, а вот сайт этого не видит…
/* Header Title */
.header-title-image {
margin: -1px 0 0;
height: 300px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
.header-title-image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
width: 100%;
background: rgba(0,0,0,0.3);
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
Автор
Anonymous User 14699583
(@anonymized-14699583)
Или может быть ограничить как-то можно зону баннера, т.к. при уменьшении масштаба просмотра вижу, что тянется эта картинка ого-го за края монитора…
сайт
Попробуйте поставить тег !important после каждого стиля
Пример : .example {
background-color: black !important
}
Также можете почитать тут http://htmlbook.ru/css/%21important
Автор
Anonymous User 14699583
(@anonymized-14699583)
К сожалению, не слушается даже цвет кнопок… 🙁 печаль просто
`/* Read more Link */
.more-link {
display: block;
margin: 0;
padding: 0.5em 1em;
border: 1px solid #e5e5e5;
background: #d8d0c5 !important;
color: #242424;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
font-size: 0.875rem;
font-family: ‘Montserrat’, Verdana, Arial;
transition: all 0.2s ease;
}