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

MaxCosta
Shopify Partner
249 2 59

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

 

 

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

 


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

Replies 4 (4)

MandasaTech
Shopify Expert
723 146 153

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

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
MaxCosta
Shopify Partner
249 2 59

Hi @MandasaTech ,

I'm sorry, code is tiprai

MaxCosta
Shopify Partner
249 2 59

It's strange... I can't find the CSS code that keeps it centered

CharlesLamarre
New Member
7 0 0

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