Make custom liquid video center

Technical Q&A
1

I have a custom liquid from Wistia for my video. I figured out how to change the size but cannot center the video. Its all the way to the left and cant find any articles on the topic.

2

Hey @Nxte

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

sure it’s upryzestudios.myshopify.com

5

Hey @Nxte

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.section-template--17919904383045__custom_liquid_CqFmrC-padding {
    text-align: -webkit-center !important;
}
</style>

RESULT:

image
image831Ă—909 75.2 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

6

Thank you! This worked perfectly.

7

Instead of editing theme code (this will make your future theme updates problematic), you can use “Custom CSS” setting on this section.
Paste this code:

[class*="custom_liquid"] {
  display: flex;
  justify-content: center;
}

This will not impede your theme updates.
Also, using only -webkit- prefixed proprietory properties may not be compatible with some browsers…