Align Center Custom Content Youtube Video - Debut Theme

Solved
Highlighted
Tourist
5 0 1

Hello! I have seen quite a few posts on this, but none have fixed my issue.

 

I embedded a Youtube video via Custom Content on my Debut themed website: flik.me

 

I cannot get this video to align center! I am currently using the code below:

 

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/4Le60kyPXXc?rel=0&amp;modestbranding=1&amp;" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

 

How can I align the video to sit in the center of the page?

 

I also have the Container width at 100%, but the video sticks to the dimensions in the code. I've tried making the height/width = 100%, but no luck. Any advice here would be appreciated as well!

 

Thank you!!

1 Like
Highlighted
Shopify Partner
950 192 226

This is an accepted solution.

Hello 

 

1. Go to Online Store->Theme->Edit code

2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#shopify-section-1578001438423 .custom__item-inner.custom__item-inner--html {
    text-align: center;
}

 

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
5 0 1

You're a wizard!!! Thank you! Centered perfectly :)

0 Likes
Highlighted
Tourist
8 0 0

I'm having the same problem. Where did you get the #shopify-section number? 

0 Likes