How to center a custom optin form Custom Liquid in Footer

How to center a custom optin form Custom Liquid in Footer

makerjayne
New Member
4 0 0

I am trying to insert an email optin form into my footer. However, when I insert the code into the Custom Liquid it shows up on the far left of the window.

 

How do I get it to be centered, instead?

Thanks

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

Hi @makerjayne 

Could you share the code you have added so I can check?

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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.

makerjayne
New Member
4 0 0

Here's the code I'm trying to use in my a custom liquid in my footer...

 

<script async data-uid="9b4b6bbb79" src="https://makerjayne.kit.com/9b4b6bbb79/index.js"></script>

DaisyVo
Shopify Partner
3607 402 485

Hi @makerjayne 

 

Please share your store link and screenshot of the part you wat to edit

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
makerjayne
New Member
4 0 0

Here is the link: https://www.makerjayne.com/blogs/makerjayne

 

Attached screenshot shows the bottom of the page where I want my optin form centered, instead of on the left side of the page.

Screenshot 2025-01-23 at 2.49.11 PM.png

LizHoang
Shopify Partner
885 105 136

Hi, can you share storl URL and detail image?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
makerjayne
New Member
4 0 0

Here's the url I'm trying to edit... https://www.makerjayne.com/blogs/makerjayne

 

And a screenshot of the details on the back end...

 

Screenshot 2025-01-23 at 2.52.24 PM.png

LizHoang
Shopify Partner
885 105 136

Hi Makerjayne

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.section-sections--22679900651839__custom_liquid_gcxzyM-padding {
    display: flex !important;
    justify-content: center !important;
}

 

Result: 

LizHoang_0-1737683766370.png

 

Best,
LizHoang

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program