How to centered the youtube embedded video

Store Design
,
1

Greetings,

I am facing an issue with my youtube embedded video, I tried to embed the youtube video but the video is going in the left corner instead of center, and i want to make it in center of the page not at the left side of the page, even i tried to embed video in Custom HTML video section or any video embedded sections, but failed.

my store link : the-ambercollections.com

no need of password

Theme: Refresh

Screenshot (39).png
Screenshot (39).png1920×1080 427 KB

2

Hello @Abdul15

You can follow these steps:

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

GemPages_0-1670894607418.png
GemPages_0-1670894607418.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670894637420.png
GemPages_1-1670894637420.png1039×836 33.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @Abdul15 ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css

iframe[title="YouTube video player"] {

    text-align: center !important;

    margin: 0 auto !important;

    display: inherit !important;

}

Hope this answer helps.
Best regards,
Victor | PageFly

4

Sorry to say but it did not work, youtube embedded video is still at the left side of the screen,

I am putting the embedded code in the Custom HTML section while editing, is this the right place to put the youtube embedded video? or there is any other custom section for video.

Thanks

1 Like
5

Hi @Abdul15 ,

I think it is possible now I no longer see the video on the page.

Can you show me the page with the video or the direct URL with the video?