Video Block (container) size

Hi there, 

this is driving me crazy... Im trying to resize the video block container to fit my horizontal video size (not 16:9) and in the same time make the corner rounded, I used the ( border-radius: 20px !important;
padding-bottom: 30%!important;) but the container stays the same size (default size)  and the buttom part in not showing round corner. tried to add css to show boarder just to see if any changes is happening , but once I add it everything revert back as of there is no CSS.

if anyone have a similar issue

Try this CSS code

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

On 4/24/2024 at 1:07 PM, tuanphan said:

Try this CSS code

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

 

That's the css I am using, 

#block-d616957362aa5d2976d5.video-block video {
    object-fit: cover !important;
  border-radius: 20px !important;
  padding-bottom:30%

}

the problem is the video container block itseld not being resized, so when you apply corner edffect it dose to the top part only (becasue I can still the the video container as in regular aspect ratio)

also, can't add boarder when using this css ( i mean it dose not change anything)

The targe is : I have an odd size video 400 x 1920 px video (banner) and want to display it as baner with round corners and keep adding other page elements below the banner