lbencur25 Posted August 7, 2023 Posted August 7, 2023 Hello - I am having an issue where I would like to have a full bleed video block in a section, but I cannot get the bottom of the section to be flush with the video. Is there custom css to fix this issue? I have attached a photo for reference of what I am talking about. There is a small sliver of green background below the video block on the right. I have already done some css to the video block to size and position it where I want it using this code: /////Video hero///// .sqs-native-video .native-video-player { padding-bottom: 26.2% !important; } I tried adjusting the percentage to see if I could get the sliver of green to go away but nothing worked. Please help thank you!!
tuanphan Posted August 9, 2023 Posted August 9, 2023 Hi, Can you share link to this page? We can check easier 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!)
lbencur25 Posted August 9, 2023 Author Posted August 9, 2023 (edited) @tuanphanWhoops thought I did! Here is the link: https://cheetah-pigeon-c78j.squarespace.com/ Password is: password Edited August 9, 2023 by lbencur25
Solution tuanphan Posted August 11, 2023 Solution Posted August 11, 2023 On 8/9/2023 at 8:57 PM, lbencur25 said: @tuanphanWhoops thought I did! Here is the link: https://cheetah-pigeon-c78j.squarespace.com/ Password is: password Use this code to Design > Custom CSS or Website > Website Tools > Custom CSS @media screen and (min-width: 768px) { div#block-yui_3_17_2_1_1690909271502_10408 .video-player .plyr video { object-fit: cover !important; } div#block-yui_3_17_2_1_1690909271502_10408 * { height: 100%; } div#block-yui_3_17_2_1_1690909271502_10408 .sqs-native-video .native-video-player { padding: unset !important; }} moonlitdesign 1 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!)
lbencur25 Posted August 12, 2023 Author Posted August 12, 2023 @tuanphan omg thank you so much it worked!! tuanphan 1
AstonD Posted October 21 Posted October 21 @tuanphan I need your help. I am designing a website in Squarespace with Podcast page with videos. The problem is, when I open a specific video page, the video is in full width, from side to side and I want the video block to be smaller (same ratio). How can I achieve this? the website:https://radish-trombone-4nmy.squarespace.com/config/pages/670d3c95698f4d6b4cd08465 Pass: MP2024
tuanphan Posted October 27 Posted October 27 On 10/21/2024 at 4:32 PM, AstonD said: @tuanphan I need your help. I am designing a website in Squarespace with Podcast page with videos. The problem is, when I open a specific video page, the video is in full width, from side to side and I want the video block to be smaller (same ratio). How can I achieve this? the website:https://radish-trombone-4nmy.squarespace.com/config/pages/670d3c95698f4d6b4cd08465 Pass: MP2024 /config is url in edit mode, we can't access it You can click arrow in top right >> real url should appear in browser address bar 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment