Change video height block

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!!

Hi,

Can you share link to this page? We can check easier

@tuanphanWhoops thought I did! Here is the link: https://cheetah-pigeon-c78j.squarespace.com/

Password is: password

@tuanphan omg thank you so much it worked!!

@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
 

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