Re: Centering Custom HTML, showing on Left

GenuineEssiac · ‎11-24-2023

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!

ZenoPageBuilder · ‎11-24-2023

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

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

Abdosamer · ‎11-24-2023

Hi @GenuineEssiac , can you share your store url?

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

Dan-From-Ryviu · ‎11-24-2023

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 · ‎11-24-2023

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

Hope that helps!

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

GenuineEssiac · ‎11-25-2023

Perfect this worked! Thanks.

ZenoPageBuilder · ‎11-25-2023

You are welcome 🙂

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

Re: Centering Custom HTML, showing on Left

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

Community Blog Articles