A user is attempting to center a video banner on their Empire 7.1.0 theme home page using Custom Liquid code. The video functions correctly (autoplay, loop, muted) but won’t align to the center despite attempts to add alignment options.
Proposed Solution:
Another user suggested adding style="margin: auto" to the video tag to achieve center alignment.
Current Status:
The suggested CSS fix did not resolve the alignment issue. The problem remains unresolved, with the video banner still not centering properly on the page.
Hi All,
I’m trying to get a video banner working on our home page and I have everything working but cannot get it to align correctly to the centre of the page.
Currently using the below “Custom Liquid” which as I mentioned all works except for alignment. I have tried adding a align left/align centre option in as well but it is not working.
As this is on a non-live theme I can’t provide a link to preview this.
Please try this code
The change is adding style=“margin: auto” to the video tag. Hope that helps!
Hi,
Unfortunately that did not make a difference at all.