Jump to content

Adjusting Banner Height with Code - YORK(7.0)

Recommended Posts

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,


Link to comment
  • Replies 3
  • Views 714
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...
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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.