Video isn't centering in my (member's only) 'Studio' theme page

[Divinart]

I'm using the Shopify 'Studio' theme and have linked a Vimeo video in a members-only page and it's not centering. I have 15+ pages like this. Can someone assist? Thanks

[Sweans]

Hi @Divinart ,

Please see the solution below:

1. In your Shopify admin, navigate to "Online Store" under Sales  Channels. Click the three dots next to the theme you wish to edit, then  select "Edit Code". 

2. Next you can find Main.css/theme.css/base.css/style.css(it will be based on your theme file) Add this css code:

.video-container 
{ 
text-align: center;
 } 
video { 
max-width:100%; 
height: auto; 
display: inline-block; 
}

Here ".video-container" is the outer class of the video.

Please note that as we don't have the store link, the above code is based on our assumption. so if it doesn't work please share the store link with us so we can provide you the correct solution.

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,

Sweans

[Divinart]

Hello Sweans,

I added the code as mentioned to 'assets/base.css' and it didn't work. The page link is: https://divinart.studio/pages/member-afraid-to-be-me . It is a members-only page behind a pay wall. Let me know if you need login credentials. Thanks for your help.

[Sweans]

Hi @Divinart ,

We believe we can assist you with this issue. To proceed, we may need your login credentials. Could you please send them to us via direct message?

[Divinart]

Shopify support helped me. They told me to remove some code.

Thanks, 

K