KBrandStudio
Member-
Posts
12 -
Joined
-
Last visited
KBrandStudio's Achievements
Level 1 (1/20)
0
Reputation
-
Removing unwanted padding/margins around video
KBrandStudio replied to KBrandStudio's topic in Customize with code
@tuanphan my client is checking in... any thoughts here? Thank you! -
Removing unwanted padding/margins around video
KBrandStudio replied to KBrandStudio's topic in Customize with code
@tuanphan yes, thank you! it's clarethibeau.com/services -
Removing unwanted padding/margins around video
KBrandStudio replied to KBrandStudio's topic in Customize with code
@tuanphan can you help with this? Thank you! -
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 :). Best - Kristin
-
Help! Remove padding of video box when resizing browser
KBrandStudio replied to bibo0903's topic in Customize with code
Hello! I'm having the same issue but the code shared isn't working in my case. You can see in the attached that there's a lot of padding on both sides and on the bottom. I'm hoping that this video won't have any padding/margins. Please advise! Here's the code I tried (website is: clarethibeau.com/services): section[data-section-id="yui_3_17_2_1_1718914272022_36865"] .sqs-block-video { .sqs-block-content, .intrinsic, .embed-block-wrapper, .sqs-native-video { position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; padding: 0 !important; } .video-player { padding: 0 !important; video { object-fit: cover !important; } } } -
@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 :).
-
Thank you @tuanphan. I'm hoping that the blue area will just fit to the video vs. expanding out past the video.
-
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!
-
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; }