https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles Gravity Support Forums Topic: Two forms on one page - override styles en-US Mon, 20 Apr 2026 05:20:46 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5635 Thu, 20 May 2010 10:58:44 +0000 Kevin Flahaut 5635@https://legacy.forums.gravityhelp.com/ <p>Great. Just be sure to add the enqueue script to your functions file. It's for more than just loading CSS. You're going to need it if you want to use the conditional logic, datepicker, etc. in the sidebar forms. </p> https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5634 Thu, 20 May 2010 10:53:34 +0000 rafalt 5634@https://legacy.forums.gravityhelp.com/ <p>I just realized an included .css file and was wondering how can I get rid of it. However, I'll do what you suggested. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5633 Thu, 20 May 2010 10:48:05 +0000 Kevin Flahaut 5633@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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..</p> <p><a href="http://www.gravityhelp.com/documentation/embedding-a-form/" rel="nofollow">http://www.gravityhelp.com/documentation/embedding-a-form/</a></p> <p>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.</p> <p><a href="http://grab.by/grabs/dbbea6b1d77f091ab2c08aa3d558b81d.png" rel="nofollow">screenshot</a></p> <p>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. </p> https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5632 Thu, 20 May 2010 10:19:22 +0000 rafalt 5632@https://legacy.forums.gravityhelp.com/ <p>Ok, this is a development version of the website.</p> <p>Here is a link to the page with 2 styled forms in the sidebar (works fine):<br /> <a href="http://tomaldesign.com/production/elitewindowsandsiding.com/?page_id=44" rel="nofollow">http://tomaldesign.com/production/elitewindowsandsiding.com/?page_id=44</a></p> <p>Now, I added a one form to the center without any styles:<br /> <a href="http://tomaldesign.com/production/elitewindowsandsiding.com/?page_id=40" rel="nofollow">http://tomaldesign.com/production/elitewindowsandsiding.com/?page_id=40</a></p> <p>Look what happens with my 2 forms from the sidebar. Any idea? </p> https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5601 Wed, 19 May 2010 19:07:06 +0000 Kevin Flahaut 5601@https://legacy.forums.gravityhelp.com/ <p>Would have to see your form page to be able to tell you anything. It could be a variety of issues. If you'd like to post a URL, it would make it a lot easier to help you out. </p> https://legacy.forums.gravityhelp.com/topic/two-forms-on-one-page-override-styles#post-5600 Wed, 19 May 2010 18:48:09 +0000 rafalt 5600@https://legacy.forums.gravityhelp.com/ <p>Sorry if someone already posted it here before. I couldn't find it.</p> <p>I set styles for one form and it works fine. When I add a second form to the same page without any styles it changes the look of my previous form.. So, now I have set styles for both forms. Why does it work like that? Why one form overrides styles of another form? </p>