Option to Remove ALL Padding from embedded forms
D
Dexx Williams
It's absolutely awful that embedded forms have no ability for us to remove the padding which can cause issues with how the forms render in other sites causing unwanted gaps in the content before and after the form, not to mention how it appears in mobile etc.
Ideally we'd have a fully HTML form embed option but for some reason even that basic feature of most platforms with form building capability hasnt existed...
Log In
A
Andrew Brockenbush
After a fair amount of time troubleshooting, this is a temporary fix:
Use the below CSS snippet and make sure to replace #_builder-form with your specific selector.
html body #_builder-form .fields-container {
padding-top: 0 !important;
}
I found that adding html body before the selector increased its specificity, allowing the custom rule to override the default styles effectively.
D
Dexx Williams
Andrew Brockenbush this is great as a temporary fix, thanks!
A
Andrew Brockenbush
Totally Agree. We're still using WordPress sites for the majority of our clients and want to use HL forms but we need more customization options, especially the ability to remove the top/bottom 30px padding. I've even tried some custom CSS in the editor, and it won't work.
B
Boy Leushuis
Yes this is needed!