Adjusting Banner Height with Code - YORK(7.0)

Site URL: http://www.pedrodegouveia.xn--com-0da

Hello everyone, I am trying to find the correct code to add to a given page to adjust the banner height on my site which uses the template, YORK (v7.0) 

In the default template, the banner height is universal across all pages, so my goal is to have the banner taller on the homepage and shorter on all other pages. 

As you can see at my web site, my goal is to keep the index large, but the internal pages I would like  to control the banner height - www.pedrodegouveia.com 

I’ve been searching in many places but I couldn’t find any answer. Any help with this adjustment would be greatly appreciated. 

Thanks very much! Regards,

Pedro

Hi. Can you check url again?

I am also trying to achieve this. I tried, among other things, many combinations of the following:

banner.banner-height-medium .page-banner-wrapper {
  height: 40vh !important;
}

But to no avail. The site in question is middlebranchpartners.com.

On 4/6/2022 at 11:54 PM, yes.I.said said:

I am also trying to achieve this. I tried, among other things, many combinations of the following:

banner.banner-height-medium .page-banner-wrapper {
  height: 40vh !important;
}

But to no avail. The site in question is middlebranchpartners.com.

Use this code

body.homepage .page-banner-wrapper.page-banner-has-video {
    height: 30vh !important;
}