Gravity form CSS not aligning properly

The preview for my form with the Gravity plugin doesn’t look the same as my test page. Specifically the spacing between the first and last name fields, as well as the consent description and checkbox. I’m not sure if an existing CSS stylesheet is causing this.
Test URL with this form: https://sortable.com/book-a-demo-test/

Gravity form preview without theme styling:

Gravity form on live test page with theme styling:

Not sure what to look for or how to fix this.

Hello @cling,

Thanks for writing to us.

It seems that there is some cache issue because of that the style is not rendering properly. I would suggest you purge all the cache and temporarily disable the cache and CSS/JS optimization plugin and then check it again.

I would also recommend you troubleshoot with a few of the common issues before we investigate your settings.

  1. Testing for Plugin Conflict
  2. CSS/JS Customization
  3. Disabling Cache
  4. Version Compatibility

If none of the above help, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.