Jump to content

Removing unwanted padding/margins around video

Recommended Posts

Hoping to get help as I've tried a variety of coding here and haven't had any luck. My client wants zero padding around the video and Squarespace is automatically putting a lot of padding on right and left and I can't scale the video up on mobile because the blue margins hit the edges of the website. Hoping to get those blue lines flush to the edges of the video! My client is also wondering if we can crop vertically on the video so that it isn't so tall. Thanks for any help! I'm really needing to figure this out :). image.thumb.png.f94bfead1be68592b489cb4952040142.png

Best - Kristin

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

Top Posters In This Topic

use code to Website Tools > Custom CSS

div#block-yui_3_17_2_1_1718914272022_36865 {
.video-player .plyr video {
    object-fit: cover !important;
}
.native-video-player.video-player.video-player--medium.video-player--large {
    padding-bottom: 70% !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.