Jump to content

Removing Empty Space Underneath Embedded Video

Recommended Posts

Hello, 

Can anyone help me with a video block issue, please? 

I would like the image in the middle (custom video image) to completely fill the video block so that it can align with the images on either side of it.

Thank you!

Capture.PNG

Link to comment

Can you share your website URL and this page?

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

It looks like you're running into one of the limitations of the video block, that unlike the image blocks, you can't set them to fill the container. CSS like this may help, but it's a fine adjustment needed:

#block-4ed0d7ecd0c5b851cec5 {
  .video-block .video-player {
    padding-bottom:58.5%;
  }
}

That's targeting the 5th video (2nd row middle).

Alternatively you could go for a different setup and just use images, but for the videos use the image as a video lightbox, that way you just have images and they all would line up perfectly. This should help with that suggestion:

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.