How can I center a video on my webpage?

Store Design
1

Hello,

I’m needing help on moving the video in this link to the center of the page. You can see the link for reference:

https://xengaming.co/pages/socials

This row is supposed to have 2 videos, but we only need one for this particular part of the page, and like the way this one shows.

Any help on getting the video centered would be great.

1 Like
2

@rlcotejr

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid.grid--uniform.index-video-content.index-video-popup-content {
    display: flex;
    justify-content: center;
}
3

@rlcotejr ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss and paste this at the bottom of the file:
.index-video-popup-content {
    display: flex;
    justify-content: center;
}

Thanks!