"Add this CSS style to your page or theme to remove the padding so your form fields go to the edge and align with your text above and below it. <style> body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding: 0; } </style>"
"Jacob Lett is the founder of Bootstrap Creative, a digital marketing consultancy that helps Michigan manufacturers generate qualified leads through HubSpot, technical SEO, and Google Ads. With over a decade of hands-on experience, he acts as a direct partner for B2B companies seeking measurable ROI from their marketing investment."
New HubSpot forms provide many style options while the container padding remains difficult to change. Applying a simple CSS override removes the padding so form fields extend to the edges and align with nearby text. Place the rule in a page-level style block or the site theme to target the renderer content. The selector body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content with padding: 0 eliminates inner spacing. The change produces flush alignment above and below the form, improving visual consistency and layout alignment across the page.
Read at Bootstrap Creative
Unable to calculate read time
Collection
[
|
...
]