Centre you tube embed clips on page on dawn theme

[AmberWilkinson]

I have embed some you tube clips on a page and I cant work out how to centre them ont he page for desktop and mobile view!

Page is here

https://www.bonnieanderson.com.au/pages/watch

[BSSCommerce-HDL · Accepted solution]

Hi @AmberWilkinson, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
div:has(iframe) {
    display: flex !important;
    justify-content: center;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[AmberWilkinson]

Thank you SO much!

[BSSCommerce-HDL]

@AmberWilkinson No problem. Have a good day 😍

[Moeed]

Hey @AmberWilkinson 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if page.handle contains 'watch' %}
<style>
main#MainContent {
    text-align: -webkit-center !important;
}
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed