Hi!
I recently added a snippet of code to my product pages (example at https://www.oneblushingbride.net/products/patience-fingertip-wedding-veil-with-lace-trim-in-white-off-white-or-ivory?_pos=2&_sid=e687830be&_ss=r This code allowed me to embed the video directly into my product pages (I followed the tutorial for this at https://www.youtube.com/watch?v=zaqJOqQdva0&t=591s ).
The one quirk is that it makes the video off-center to the left when users are browsing my website in full screen mode. Is there any code I can add to make it centered? Thank you!
The code I inserted was this:
Sorry, your browser doesn’t support embedded videos.
1 Like
Hi @Alisha_Jemelian ,
You can center the video by following the instructions below
From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
Go to Asset folder and open the base.css file
.section-template--16736051495163__4d31a4d1-e579-4664-9261-34b4e6d09bdd-padding {
display: flex;
}
Thank you for taking the time to help!
I tried your suggestions (screenshot below), and it still shows off center when in “fullscreen” mode. It shows up fine for the mobile view though.
Any suggestions?
