What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I center 3rd party html code on my homepage?

How do I center 3rd party html code on my homepage?

olliedodge
Tourist
21 0 3

I'm trying to center a newsletter sign up block on my landing page. The code was auto generated via my Zoho campaigns account but its stuck all the way to the left of the landing page. Is there a way to fix this? Thanks! Screen Shot.png

Replies 9 (9)

olliedodge
Tourist
21 0 3

PageFly-Henry
Shopify Partner
1184 335 292

Hi @olliedodge 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1701478388298.png

 

 

  <style>
div#sf3z1d22bd7164887492d9733cfd89023774db7bc2fa3b339c8ce1e618af59e6ec29 {

    display: flex !important;

    flex-direction: row;

    justify-content: center;

}
</style>   

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

olliedodge
Tourist
21 0 3

Thanks for your reply! Right now I've been editing the code under the newsletter.liquid file and its shows up on my home page, its just off to the left. Is there a way to enter code into the newsletter.liquid file to center it?

PageFly-Henry
Shopify Partner
1184 335 292

Can you send me a screenshot of where you put the code

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

olliedodge
Tourist
21 0 3

Screen Shot 2023-12-01 at 5.29.10 PM.png

PageFly-Henry
Shopify Partner
1184 335 292

I see you added the code on the file newsletter.liquid. 
You need add the code to the file theme.liquid

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

olliedodge
Tourist
21 0 3

the code you suggested or the code generated from Zoho or both?

olliedodge
Tourist
21 0 3

I figured it out! after a little trial an error I used the code in the right spot and got it to sit where I need it to. Thanks for the help! 

PageFly-Henry
Shopify Partner
1184 335 292

Yes, I see it working now. 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.