How can I center a video from custom HTML on the Brooklyn theme?

Store Design
1

I inserted a video using a custom HTML with the following code on Brooklyn theme.

I would like to keep the video at 50%, but when I do this it shows up left aligned on the page. Is there a way to make the video centered on the page?

2

@becca2234 ,

Please share the store URL…

3

https://purposefulplaykids.com/

pw: https://purposefulplaykids.com/

4

@becca2234
Hello,
Your Site Its Password Protected So Can You Please Share Store Password

5

pw: geiwog

6

@becca2234

Hello,

.align--center {
	margin: 0 auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

This Solution Its Useful So Please Like And Accept the Solution

Like This

oscprofessional_0-1660109915409.png
oscprofessional_0-1660109915409.png1587×868 151 KB

7

Thank you! It worked for that video, but I have a second video towards the bottom of the page that it didn’t change. Do you know how to make the other video centered too?