Skip to content
hestia

Make your site feel premium – unlock more controls, more style, and a smoother building experience with priority support.

See Pro Plans →

How to increase Post/Page header height in Hestia

To add more height the post/page header area in hestia then start by going to Appearance->Customize->Additional CSS and add the following code:

.page-header .container {
    height: 600px !important;
    padding-top: 320px !important;
}

Adjust the pixel value as you wish to add more height if you'd like, adjust the padding-top value to center the text shown in the header (Sample Page in this example)