Header Image Size

[AlpinePeak]

Hello! I just installed Lorina yesterday, so far I really enjoy the layout. One question I have is if I have the ability to change the size of the header image? I’d like to decrease the height from the 600 pixel it comes with down to 200 or 300. Thanks!

[Andy]

This is the standard CSS applied to the page title area:

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

Copy this code with your changes and add it to Customize > Additional CSS.

Lorina Pro has options to fine tune this for different screen sizes such as desktop, laptop, tablet, mobile.

[AlpinePeak]

That is perfect, thank you very much. I’m looking at the additional features offered by Lorina Pro, and may very well be stepping in that direction shortly. For the moment though, adding that code to Additional CSS with my desired achieved exactly what I was hoping so it is very much appreciated!

[Author]

Posts