How can I adjust CSS code to center and crop a video?

Technical Q&A
1

Hello to the entire Shopify community,

I’m going to reframe my video section on the Flex theme.

Here’s my native video: black bands go at the top and bottom of the video :

MaxCosta_0-1657630687336.jpeg
MaxCosta_0-1657630687336.jpeg999×561 17.3 KB

Here is the CSS code formula I tried to add:

{> max-height: 450px;> overflow: hidden;> }> > .img-wrapper img{> width: 50px;> }

However, here’s the result, it crops from the bottom:

MaxCosta_1-1657630687423.jpeg
MaxCosta_1-1657630687423.jpeg998×355 15.4 KB

I would like to crop both sides while staying centered.

Does anyone know how I can modify my code formula for this?

Here the link of the preview: https://u1h111urubq7jaxx-64950534385.shopifypreview.com

Thanks in advance,

Best regards,

Max COSTA

2

Hi @MaxCosta ,
https://u1h111urubq7jaxx-64950534385.shopifypreview.com
Please share your store password.

3

Hi @MandasaTech ,

I’m sorry, code is tiprai

4

It’s strange… I can’t find the CSS code that keeps it centered

5

Hi, I would also like to know what the solution to this problem is as I’m also facing it right now!