How can I center a form on my landing page? Tried everything I could find.

Marketing & Content Hub Lead Capture Tools
1

On this page (https://watch.rivittv.com/comingsoon), I have been trying to center the form.

Here are the things I have tried

form.hs-form,
.hs_cos_wrapper .form-title {
max-width: 300px;
width:100%;
display: block;
margin: 0 auto;
}

#hs_form_target_module_161791651089125 { margin: auto;}

Please help!

2

Hi @DanielleS1

Thank you for reaching out!

Would this post help? it seems a little different from what you’ve already tried

Hope that helps.
Have a lovely day,
Tiphaine.

3

Thank you for the suggestion. I did previously see this link and try that as well but no luck.

4

Hi @DanielleS1 ,
Please try this code:

.af-event-hero .hero-container .row-fluid-wrapper.row-depth-1.row-number-7 > .row-fluid {
display: flex;
justify-content: center;
}
Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

5

Yes! Thank you!