We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Centering Custom HTML, showing on Left

Solved

How can I center a custom HTML video on my homepage?

GenuineEssiac
Tourist
10 0 2

Hi, on my site genuineessiac.com I have a video that shows up on the lefthand side on desktop that I would want centered. I have the size set at 50% but want it in the middle of the page on my homepage. The headline is here: Welcome to GenuineEssiac.com. We are so glad that you're here!

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 229

This is an accepted solution.

Hello @GenuineEssiac 👋

Inside Shopify Admin, you can go to Edit theme code, open file theme.css and add this code at the bottom

.custom__item--b4b3c958-c92e-41d3-816b-8bc7d7d7ee03 {
    margin: auto;
}

The result

Screenshot 2023-11-25 at 09.08.25.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 5 (5)

Abdosamer
Shopify Partner
1040 188 225

Hi @GenuineEssiac , can you share your store url?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @GenuineEssiac 

Go to your Online store > Themes > Edit code > open theme.liquid, add this code after <head> tag

<style>
#shopify-section-a46d59cb-4c41-4ea5-bbdb-796fb8bdf957 .custom-content {
    justify-content: center;
}
</style>

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ZenoPageBuilder
Shopify Partner
1052 203 229

This is an accepted solution.

Hello @GenuineEssiac 👋

Inside Shopify Admin, you can go to Edit theme code, open file theme.css and add this code at the bottom

.custom__item--b4b3c958-c92e-41d3-816b-8bc7d7d7ee03 {
    margin: auto;
}

The result

Screenshot 2023-11-25 at 09.08.25.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
GenuineEssiac
Tourist
10 0 2

Perfect this worked! Thanks.

ZenoPageBuilder
Shopify Partner
1052 203 229

You are welcome 🙂

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com