Embedded HubSpot Form – Cannot Center on Page

  • Hello,

    I have style=”margin: auto;” applied here in the div for this form but not matter what I do, it won’t center on the page.

    <div class=”hpwebf” style=”margin: auto; width: 75%; display: block; text-align: center;”><!– [if lte IE 8]>
    <script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2-legacy.js”></script>
    <![endif]–>
    <script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2.js”></script>
    <script>hbspt.forms.create({portalId: “386862”,formId: “d234dc1f-aa4c-40eb-a6e2-ce76c49f6bad”,target: ‘.hpwebf’});</script></div>

    Anyone have any tips to center it on the page please? thanks.

    Disclaimer: I do not know advanced HTML/CSS, nor do I know any javascript so any advice you have, please try to explain it with this in mind if you can. Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    On your iframe statement, change “width=893” to “width=auto”, then add a style="margin:0 auto;" at the end of the iframe statement.

    Please do not create duplicate topics.

    Thread Starter fresh14

    (@fresh14)

    I didn’t get a sufficient response on the last post so I wasn’t sure what to do next. Thanks for your suggestion, I’ve tried that now and it does not achieve what I was hoping for. With your suggestion, the form fields just stack on top of one another but they are still off to the left side of the page, they do not sit in the center.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I suggest you consider asking the folks at Hubspot, since it’s their form.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Embedded HubSpot Form – Cannot Center on Page’ is closed to new replies.