Remove padding around videos?

Site URL: https://www.nickwaldinger.com/branding

Hello,

I have several videos being used on my website (linked from Vimeo), but they don't line up flush with pictures above and below them (see screenshot attached). I would like to adjust the padding on all sides of the video to match the pictures above and below it. 

Here is a link to the page I am referring to specifically: https://www.nickwaldinger.com/branding

Thank you!

@tuanphan Worked perfectly, thank you!

Hi,

I'm having a similar problem where I'm getting too much padding below a vimeo video. Here is the link, could you please let me know what I could do fix it? 

https://www.learnaslead.com/home-3

Thanks so much!

On 11/21/2023 at 11:14 AM, KatieSSHelp said:

Hi,

I'm having a similar problem where I'm getting too much padding below a vimeo video. Here is the link, could you please let me know what I could do fix it? 

https://www.learnaslead.com/home-3

Thanks so much!

Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS

/* Vimeo padding */
.fe-655c288c15482d39e3555851 {
    grid-template-rows: repeat(23,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

@tuanphan Worked like a charm! Thanks so much for your help!

I have the same problem and these are the codes that i used. In the other video's it works, but in this specific video block it won't let me adjust the padding. 

Hi, I want to have no padding around my video, I have tried the above but it doesn't seem to work.

I would also like to align the 'Email Address ' text on the Newsletter in the footer to the left of the field?

https://helicon-cardioid-tcx8.squarespace.com/about
studionh_ap

22 hours ago, maboli said:

Hi, I want to have no padding around my video, I have tried the above but it doesn't seem to work.

I would also like to align the 'Email Address ' text on the Newsletter in the footer to the left of the field?

https://helicon-cardioid-tcx8.squarespace.com/about
studionh_ap

You can use this code to Custom CSS

footer.sections input.newsletter-form-field-element {
    padding-left: 0px !important;
}

Thank you, do you have a solution for the video padding at the top and bottom, I have found some old code for the width now.

On 7/9/2024 at 11:37 PM, maboli said:

Thank you, do you have a solution for the video padding at the top and bottom, I have found some old code for the width now.

 

 

 

I don't see video now. Can you check it again?

https://helicon-cardioid-tcx8.squarespace.com/about

The video is on the top right still

studionh_ap

https://helicon-cardioid-tcx8.squarespace.com/about

Try this CSS code

div#block-yui_3_17_2_1_1720091637227_2175 video {
    object-fit: cover !important;
}

Perfect, thank you.

I'm having similar issues here. I don't want any padding (right and left) around my video and I've tried all sorts of code to fix but it just ends up showing at the top of the page and not changing the video margin/padding. Please help! Thank you.

https://www.clarethibeau.com/services

I tried this:

div#block-yui_3_17_2_1_1718914272022_36865 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

15 hours ago, KBrandStudio said:

I'm having similar issues here. I don't want any padding (right and left) around my video and I've tried all sorts of code to fix but it just ends up showing at the top of the page and not changing the video margin/padding. Please help! Thank you.

https://www.clarethibeau.com/services

I tried this:

div#block-yui_3_17_2_1_1718914272022_36865 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Try this CSS code

div#block-yui_3_17_2_1_1718914272022_36865 video {
    object-fit: cover !important;
}

Thank you @tuanphan. I put that code in and it ended up making the video really wide but cropped (video is in iPhone proportions). You can see the video here: https://www.clarethibeau.com/services. See the attached image for the blue area that's around the video. I'd rather have it just fit to the video because then on mobile I can make it bigger. Thanks!

On 7/25/2024 at 1:58 AM, KBrandStudio said:

Thank you @tuanphan. I put that code in and it ended up making the video really wide but cropped (video is in iPhone proportions). You can see the video here: https://www.clarethibeau.com/services. See the attached image for the blue area that's around the video. I'd rather have it just fit to the video because then on mobile I can make it bigger. Thanks!

So you want video fit in blue area, but on desktop only?

Thank you @tuanphan. I'm hoping that the blue area will just fit to the video vs. expanding out past the video. 

@tuanphan or anyone that would be able to clarify this. 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 of this. 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 :).