Gravity Support Forums Topic: Controlling look of the forms

Gravity Support Forums Topic: Controlling look of the forms https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms Gravity Support Forums Topic: Controlling look of the forms en-US Mon, 20 Apr 2026 08:29:40 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Chris Hajer on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-158911 Sat, 02 Mar 2013 13:48:20 +0000 Chris Hajer 158911@https://legacy.forums.gravityhelp.com/ To target a specific element in a form: <pre><code>[css] /* See this page: gravity.chrishajer.com/country-of-origin/ this will target all radio button inputs in form id 3 only (#gform_wrapper_3 */ body #gform_wrapper_3 ul.gfield_radio li input[type="radio"] { display:none; } /* this will target all radio buttons in all */ /* Gravity Forms */ body .gform_wrapper ul.gfield_radio li input[type="radio"] { display:none; }</code></pre> Does that give you enough to go on? If you view the source of the page where your form is embedded, you can see the class and ID details for the elements you want to target. And to make them form specific, you would use the ID for the form #gform_wrapper_77, for example, then follow with the specific elements you want to target. To apply the same style to all forms, use the class for a Gravity Form .gform_wrapper. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-155035 Tue, 26 Feb 2013 10:45:10 +0000 kamin 155035@https://legacy.forums.gravityhelp.com/ Thank you for that information. I would have replied sooner, but this thread is broken for sending me alerts in email. For an element specific change, please just provide a generic example. I don't want to publish live links to live sites on a public forum in this case. Thank you for your help. Chris Hajer on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154602 Tue, 26 Feb 2013 00:02:33 +0000 Chris Hajer 154602@https://legacy.forums.gravityhelp.com/ @kamin, this page details targeting each item in the Gravity Forms form output: <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> Some general tips: <ul> <li>If you want to target all elements in a specific form, use this as the beginning of your selector: <pre><code>[css] body #gform_wrapper_ID /* where ID is a literal form ID, like this: */ body #gform_wrapper_7 /* that would apply to all elements in form 7 */</code></pre> </li> <li>If you want to apply a specific style to all Gravity Forms on your site, you can use this as the beginning of your selector: <pre><code>[css] body .gform_wrapper /* use with no form ID (_ID) and as a class, prepended by a . vs a # */</code></pre> </li> <li>If you view the source of the page where your form is embedded, you will see the unique ID for each field, or the more general class for that field.</li> </ul> Those are some basics. If you provide a link to a page on your site with a form, and one element you want to target specifically, we can show you how to do it for one form, or all forms. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154430 Mon, 25 Feb 2013 19:34:41 +0000 kamin 154430@https://legacy.forums.gravityhelp.com/ Yes, I just used Firebug today to now figure out some things. Thank you for the suggestion! I differ on the plug-in. The idea of plug-ins is to shortcut much of the programming work. CSS can still be used to go beyond it. But, many basic form design features should be through the UI first. Otherwise, I am not saving much time. Heck...I used FrontPage back in the day to do more form design without initial coding. Why can't providers do that today? Maybe someone at GF can put it in a suggestion box for me. :) Now, I just need GF support to reply to my question above about how to direct a CSS attribute to a specific form so it doesn't affect all forms on the site where necessary. Also...for a specific field's attributes. martcol on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154379 Mon, 25 Feb 2013 18:06:52 +0000 martcol 154379@https://legacy.forums.gravityhelp.com/ @kamin have you ever come accross a Firefox plugin called Firebug? It is an awesome tool for tweaking CSS. you load your page in the browser and you can edit the CSS "live" in the browser. You an edit or turn off existing styles and create new rules. Once you are confident with this tool it's value is well worth the effort. When you are sure that you are happy with any adjustments made used in Firebug can be applied to the actual stylesheets in your usual editor. Hop that helps Martin PS the last thing I would want is for CSS to be handled by a plugin. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154355 Mon, 25 Feb 2013 16:53:13 +0000 kamin 154355@https://legacy.forums.gravityhelp.com/ Plus, how does it know which form to apply to? I don't want the CSS styles to affect all forms the same way. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154351 Mon, 25 Feb 2013 16:45:36 +0000 kamin 154351@https://legacy.forums.gravityhelp.com/ I should be more specific. By examples, I mean example CSS code that references GF items. I am guessing my usage is not being recognized by the GF program. I am using my theme's CSS file. Thank you. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-154340 Mon, 25 Feb 2013 16:26:33 +0000 kamin 154340@https://legacy.forums.gravityhelp.com/ I am not able to make this work so far. Can you please provide a couple of examples that will show me proper usage? Thank you. Chris Hajer on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-150296 Tue, 19 Feb 2013 13:24:26 +0000 Chris Hajer 150296@https://legacy.forums.gravityhelp.com/ You will add the new styles you want to apply to the forms in your theme or child theme's stylesheet (normally style.css). Some themes want the custom CSS in another file. But the CSS is always added to your theme and with specific enough selectors to override the default theme and default Gravity Forms styles. kamin on "Controlling look of the forms" https://legacy.forums.gravityhelp.com/topic/controlling-look-of-the-forms#post-150294 Tue, 19 Feb 2013 13:22:45 +0000 kamin 150294@https://legacy.forums.gravityhelp.com/ I appreciate the correction. So far, I can't find anywhere where it states what file(s) to edit. Please advise. Thank you.