Hi,
I have a form alignment issue on a handful of my websites which have a Gravity form in the footer widget. The input fields are not aligned with the widget title and form button. How do I fix this so everything in the footer widget is aligned to the left?
Peter
Can you share the URL to the page on your site where we can see the form embedded in the page?
Thank you. You can add this CSS to your theme stylesheet or via the Appearance Customizer (Appearance > Customize > Additional CSS):
html:not([dir="rtl"]) div.footer-widget .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi,
html:not([dir="rtl"]) div.footer-widget .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description,
html:not([dir="rtl"]) div.footer-widget .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
width: 100%;
margin-left: 0;
}
That fixed it for me when applied to your form. Screenshot:
