Я просмотрел несколько вопросов и ответов, касающихся изображения, наложенного поверх градиента заголовка.До сих пор было полезно добавить оба фоновых кода, как показано ниже, но проблема в том, что я не знаю, как разделить свойства.Я не возражаю, если градиентный фон установлен на «cover», но я не хочу, чтобы верхнее изображение было установлено на «cover», потому что я хочу, чтобы его размер был меньше высоты заголовка.(Я новичок здесь, или я бы просто попросил разъяснений по поводу поста, на котором я был.)
Это то, что у меня есть, и это то, что у меня работало до сих пор (заголовок баннера под наклейкойзаголовок в моей теме WP):
.sq-main-header{
background-image: url('http://www.behappystill.com/wp-content/uploads/2019/01/HeaderBannerTest2.png'), linear-gradient(133deg, rgba(246,251,177,0.8239670868347339) 1%, rgba(88,194,236,0.6362920168067228) 37%, rgba(0,133,186,1) 98%);
background-repeat: no-repeat;
background-position: top center;
padding: 137px 30;
margin-bottom: 25px;
background-size: cover;
}