VERTICAL VIDEO KILLED THE HORIZONTAL ⭐
PUT THE BLAME ON SCROLL
Vertical video is taking over social media, capturing attention with its sleek, dynamic energy. Now, it’s time to channel that same force into your Squarespace site. While the platform doesn’t yet support it natively, with a touch of CSS, you can seamlessly adapt your video block to embrace the bold 9:16 vertical format, bringing a modern edge to your site.
We’ve crafted an easy 1-2 step to show you exactly how to bring this idea to life.
A quick heads-up: this tutorial is all about the video content block.
Here’s how to start: Navigate to Website → Pages → Website Tools → Custom CSS, then paste the following code:
.video-block .video-player{ padding-bottom:120% }
From there, tweak the percentage to match your perfect dimensions. You’re now set to give your videos the vertical spotlight they deserve.
Not Every Video Needs A Makeover, Right?
To fine-tune a specific video on your Squarespace site, use the Block ID Finder tool.
This Chrome extension makes pinpointing the exact code a breeze:
Squarespace Block ID Finder
Here’s how it works:
Install the Squarespace Block ID Finder, then click the extension to view all the block IDs on your site. Select the video you want to tweak, copy its block ID, and then paste it in front of the code we’ve provided.
It’ll look something like this: #block-123456.video-block .video-player{ padding-bottom:120% }