Jump to content

Change height of background video section on 7.0

Recommended Posts

Hi, 

 

My client is using 7.0 version, and I have a background image on this section, screenshot attached for reference. She wants me to resize this section so that more of the video is seen (it's currently cut off). 

 

Does any one know any CSS to fix this, that works with 7.0 version?

She is on the personal plan.

 

Many thanks! image.thumb.png.d185dfb95cb85c81439238e8ba6fde73.png

Poppy

 

Link to comment
  • Replies 5
  • Views 230
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

5 minutes ago, PoppyShotts said:

(it's currently cut off)

It's cut off because of the content (as you probably know already)

Can you share the website so I can have a look?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

You could try reducing that section height on mobile with CSS, see if this works for you:

@media only screen and (max-width:640px) {
  #review {
    .Index-page--has-image {
      min-height:32vh !important;
    }
  }
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Try this instead:

#review {
  @media only screen and (max-width:640px) {
    .Index-page-content {
       min-height:32vh !important;
    }
  }
}

Sorry, I don't have very many 7.0 websites with the right template to test on any longer!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.