Option to Remove ALL Padding from embedded forms
D
Dexx - ProfitSystems
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
Z
Zak Albertson
OOF. This is gnarly inside of webflow. Takes up like 400 pixels extra of white space for absolutely no reason.
added class to code embed and set top margin to -75px and bottom margin to -185px and worked. But messy
D
Daniel Doherty
It's not ideal, but in WordPress, using Gutenberg, place the Custom HTML block inside a Container then make the Top Margin in the Container -100 px or so. Be sure to adjust for different devices.
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 - ProfitSystems
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!