CSS Styling on Name Field

Because the Gravity Forms stylesheet isn't being output on the page.

This would happen due to most likely one of 3 things..

1) You have CSS output turned off on the Settings page of Gravity Forms

2) Your theme does not have the necessary wp_head() function call in place in your header.php file and the necessary wp_footer() function call in place in your footer.php file. These are required for plugins to be able to output code in the header and footer of your site. Gravity Forms outputs the CSS in your header.

To read more about these see the Codex articles here:

http://codex.wordpress.org/Function_Reference/wp_head

http://codex.wordpress.org/Function_Reference/wp_footer

3) Possible theme or plugin conflict preventing Gravity Forms from outputting the necessary code in the header.

Of these 3 possibilities the most likely issues are going to be #1 or #2 above.

I just looked again at this site, this isn't a standard implementation of the form. Or I should say how that theme is setup is not standard because it's outputting multiple pages worth of content on one page and using Javascript to scroll through them.

The problem with this is it isn't using a standard loop, so the Gravity Forms shortcode is not able to enqueue CSS or Javascript because it's executed too late in the WordPress code execution process to be able to enqueue the necessary code.

So the issue is this is a non-standard layout that the theme is using and how it is put together.

Because of how this theme works you will have to enqueue the necessary Javascript manually. You will have to manually enqueue the CSS and Javascript by adding code to your functions.php file.

See the last section of this documentation page where it discusses how to manually enqueue the CSS and Javascript:

http://www.gravityhelp.com/documentation/embedding-a-form/

This isn't typically necessary, however the theme you are using on this site does not follow standard WordPress conventions with how it is put together.

If the code above was properly added it would be outputting that CSS and Javascript on every single page within the head. I don't see it being output in your HTML. So either the code wasn't added to your functions.php properly OR something else is going on with this theme. As I mentioned, the way this theme is put together is very non-standard and doesn't follow typical WordPress theming best practices.

We can take a look and see what is going on, but it would require us to have access to this site in order to look at the theme code and see what is going on. In order to do this we would need a WordPress Admin login and FTP access so we can edit the theme files directly. You can send this information to us via our Contact Us form and reference this forum post and we can take al ook and see whats going on.

Good to hear. You may have to do things slightly different with that theme due to how it works. It doesn't use a traditional loop to display that information, which is why the scripts are not automatically enqueued. This isn't typically an issue with most themes. Glad you got it working.