Adjusting Page Banner Height

I've been messing with the css for a little while, but I cant manage to make a specific page's banner fit better. I would like to be able to decrease the height of the banner, and center the text within.

Here is the link to the specific page: Contact — wholemedcare

Any help would be greatly appreciated.

13 minutes ago, isethi said:

I've been messing with the css for a little while, but I cant manage to make a specific page's banner fit better. I would like to be able to decrease the height of the banner, and center the text within.

Here is the link to the specific page: Contact — wholemedcare

Any help would be greatly appreciated.

Do you mean this element?

12 minutes ago, Beyondspace said:

Do you mean this element?

Yes.

My testing

27 minutes ago, Beyondspace said:

You can try using the following code on Home > Design > Custom Css

#collection-5e62886f24157b7f383aa17b .page-banner-wrapper  {
  height: auto !important;
}
#collection-5e62886f24157b7f383aa17b .page-text-wrapper {
  margin-top: 0 !important;
}

Support me by pressing 👍  or marking as solution if this useful for you

That works perfectly. Thanks for the help!