Source theme change height header on a page

Using Ghost
1

Hello,

I am trying to build a static page with several headers which I then split in two (image and text). By doing so I hope to build a homepage with 3-4 headers on top of each other, each with a different service I offer.

Is there any way I can custom change the height of a header?

Thanks,

Alex

2

Yes, via code injection. There are several css selectors that contribute to header height and it depends on which header layout, too. :)

3

Thanks a lot. I am not sure I am using the right term.

My understanding is that I can use headers on a static page to create horizontal “slices” of content which can also be split in two (image + text + CTA button).

In theory I can add more headers on top of each other.

I am using the Source theme.

Thanks,

Alex

4

Yep. You’re going to need to inspect the page - most of the height on most of the header types comes from padding on the text and/or image.
If you want to link the page draft, with details on which heights you want to change, someone here may be able to help.