How to center a video using Custom Liquid on home page

[Californicanna]

Please, what can I include in this code to make my video be in the center of the page?

<video width="70%" class="" loop="" playsinline="" autoplay="" center="" muted="" preload="auto"> <source type="video/mp4" src=" https://cdn.shopify.com/s/files/1/0597/6906/1559/files/Copy_of_Beige_White_Simple_Morning_Routine_Fa..."> </video>

Thank you very much,

[KetanKumar]

@Californicanna 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Californicanna]

Hello, my website is not online yet but I'll give you the password to see it.

https://californicannastore.com/

password: traaa

thank you very much

[Californicanna]

@KetanKumar 

[eFoli-Marvic · Accepted solution]

Hello @Californicanna  Kindly add this code to your base.css  file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code: 

#shopify-section-template--15145135210679__1641844077b2d4baae{display: flex !important; justify-content: center;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

- If yes, Like & Mark As Solution to help the community

- If not, let me know. also share a screenshot of the code that you added.

[Californicanna]

Thank you sooo much!! It worked.

[LTJ]

Hey @eFoli-Marvic,

I have tried this and put the code at the bottom of base.css however nothing has changed. I am using a custom liquid to upload a video.

[KetanKumar]

@LTJ 

can you please send store url so i will check and let you know 

[LTJ]

ltjewellers.com

[LTJ]

@KetanKumar