[Resolved] Unification of page hero vertical sizes

[Hiroki]

I’m using page hero on my home, post, and category archive pages and there are three types of page hero.

I want to unify all page hero vertical sizes regardless of the length of the text inside.

How can i do this?

https://nakagawahiroki.com

[Ying]

Hi Hiroki,

You can add a custom CSS class to the container, for eg. page-hero, then you can use this CSS to target all the page heros:

.gb-container.page-hero {
    height: 400px;
    overflow: hidden;
}

How to add custom CSS class to blocks: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

[Hiroki]

Do I have to add to all three?
Is 400px changeable?

[Fernando]

Hi Hiroki,

Yes, you would need to add page-hero to all three.

Moreover, yes, 400px is changeable.

Hope this clarifies. Feel free to reach out if further assistance regarding this is needed. 🙂

[Hiroki]

This means limiting the height to 400 in any situation, right?

[Fernando]

Yes, it would. 🙂

[Hiroki]

Thank you!

[Fernando]

You’re welcome Hiroki! 🙂

[Author]

Posts