on this site: yieldex.com/new/
click the "request a demo" button on the left side, you see all fields with 100% widths. next load the contact us page and click the same button, you will see the form loads using .gf_left_half and .gf_right_half properly.
So, here is the question: All instances of the button load the same form in the modal, so why are they formatted differently depending on the page?
any ideas?
The Gravity Forms forms.css is not being loaded on this page:
http://yieldex.com/new/
It is loading fine here:
http://yieldex.com/new/contact-us/
That's why the CSS ready classes are working on the modal that is linked to the Contact Us page. Not sure WHY the Graivity Forms forms.css is not loading for you, but that is causing the problem. It's possible that you need to enqueue the forms.css on the home page, so it's available to the modal. I think it is present on the contact us page because you have a Gravity Form there now.
You might want to enqueue the Gravity Forms css and scripts in your modal, however you are generating that. See here:
http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts
Glad you got it sorted, thanks for letting us know!
