Apr 28, 202210:28 AM - edited Apr 26, 202310:20 AM
Participant
Lead Form Defaults to Left Align
SOLVE
I embedded a lead form onto a Shopify website and the form defaults to a left alignment, I would like it to be centered. I had developers look into this and they said HubSpot would need to fix this since the embedded code HubSpot provides is a shortened version.
A few things here. First, you are using Hubspot to style your form. If you click on Style & Preview in your form setup, you will have the option to Set as Raw HTML. If you do that, Hubspot will remove all styling and you can use your CSS on page for styling. This could allow your developers to do what they want with the form.
With regards to "centering" your form is centered with left aligned text. If you want to override the text labels and typing within the form fields you can do this within CSS, but depending on what you want to do it may be easier to use the Raw HTML option as opposed to trying to override the styles of Hubspot. Also note that your form has a max width of 590 pixels set to it (see image below). If you override that in your CSS to be 100% it will expand to the full width of 750px that you have set for your container.
A few things here. First, you are using Hubspot to style your form. If you click on Style & Preview in your form setup, you will have the option to Set as Raw HTML. If you do that, Hubspot will remove all styling and you can use your CSS on page for styling. This could allow your developers to do what they want with the form.
With regards to "centering" your form is centered with left aligned text. If you want to override the text labels and typing within the form fields you can do this within CSS, but depending on what you want to do it may be easier to use the Raw HTML option as opposed to trying to override the styles of Hubspot. Also note that your form has a max width of 590 pixels set to it (see image below). If you override that in your CSS to be 100% it will expand to the full width of 750px that you have set for your container.