Changing header image height

[msleeper]

How would I go about changing the header image height? 500px is the default but is far too large for my site theme. Thank you.

[Yazmin]

The height of the header image can be changed by adding a small snippet of CSS code at ‘Appearance‘ > ‘Customize‘ > ‘Additional CSS‘:

.entry-header.with-image,
.archive-header.with-image {
    min-height: 30rem;
}

change the 30rem value for something else. As a guide, 30rem is equal to 480px, but you can use a px value instead if you prefer, for example:

.entry-header.with-image,
.archive-header.with-image {
    min-height: 300px;
}

[Author]

Posts