Hubspot Form rendering / displaying / allignment issue on desktop browser

[neelhabib]

Hi 

I am using HubSpot free version. While I am putting form embed code on my Wordpress site, the form could not rendering properly instead its aligned in left side. But I want to display it on 100% width in the center of my page.

like as displayed on direct share url

https://share.hsforms.com/1rbh11gI8SumXzK34ywDFjA3qrts

here is my screenshot which is not rendering properly

but I want to display lilke this one

I have tried all of the community suggestion like

.hs-form fieldset {
max-width: none!important;
}

and this one

@media screen and (max-width: 768px) {
  .contact-form {
      width: 100% !important;
      padding-left: 1px;
  }
}

but nothing work

The form displaying OK on mobile browser but not in the desktop browser

Please help

[AlexanderData]

Good Morning.
You have tried to modify the width in the design section of the form

Regards

[neelhabib]

Hi dear thanks for your respons. No I didn't. Because I cant do that. I am using the free CRM thats why this option is locked for me.

[AlexanderData]

It is true, I had forgotten, since the free version is all the code that you add externally will not work, since the form is calling in the Hubspot style. That's why the code you added above doesn't work for you, I'm afraid you won't be able to do it at full width

[lscanlan]

Hi @neelhabib,

I just wanted to add that you could center ther form within its container though. If you target the iframe element itself, you can do something like this:

.hs-form-iframe {
  max-width: 500px;
  margin: 0 auto;
}

Which would center the form within its container.

[lscanlan]

Hi @neelhabib,

Could you link us to your page? Styling it to be centered on a page will really depend on how the page is set up and any other styling that you have applied. If we have a page to look at, I'm sure someone can figure out what styling is needed to get the form centered.

Thanks.

[neelhabib]

Hi thanks for your respons. Here is the link of the page. Hope you will find the solution. 

https://www.mypan.co.in/hubspot-form-testing-page/

Note that I have tried it by changing my theme, domain, page builder etc. but the result are the same.

Thank you