Yep, on the first page, you're including the forms in a widget or via the function call and the default Gravity Forms styles aren't being included. On the second page, you've included the form via a shortcode in the post body and Gravity Forms has loaded the appropriate CSS for the form. Now that the forms.css is being loaded from the plugin folder, your sidebar forms are inheriting from the rules in that file.
For consistency across the forms (in both sidebar and post body) you'll want to enqueue the CSS and scripts manually by putting a script snippet in your functions.php file. You can find that information at the bottom of the documentation page here..
Then, if you want to do a lot of custom styling, this is my recommendation. Go to the wp-content/plugins/gravityforms/css folder and copy the entire contents of the forms.css file. Go to your theme stylesheet and append those styles to the end. Then, go to the Forms settings page and select the option to disable the CSS output. That way, all of your styles are coming directly from your theme stylesheet.
Now that you've done that, you can tweak and style everything to suit your preferences, across both the forms in the sidebar and post body.
Posted 10 years ago on Thursday May 20, 2010 | Permalink