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

[olliedodge]

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! 

[olliedodge]

the website is www.beatmakersboutique.com

[PageFly-Henry]

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.

  <style>
div#sf3z1d22bd7164887492d9733cfd89023774db7bc2fa3b339c8ce1e618af59e6ec29 {

    display: flex !important;

    flex-direction: row;

    justify-content: center;

}
</style>   

Hope that my solution works for you.

Best regards,

Henry | PageFly

[olliedodge]

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]

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

[olliedodge]

[PageFly-Henry]

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

[olliedodge]

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

[olliedodge]

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]

Yes, I see it working now. 😊