https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style Gravity Support Forums Topic: Customizing 2 out of 5 forms with the same CSS style en-US Mon, 20 Apr 2026 01:16:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45488 Wed, 04 Jan 2012 17:50:29 +0000 Rob Harrell 45488@https://legacy.forums.gravityhelp.com/ <p>Right on, looking good! Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45484 Wed, 04 Jan 2012 17:37:37 +0000 Nantyliana 45484@https://legacy.forums.gravityhelp.com/ <p>Wow thanks for your help! it did work! :) </p> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45480 Wed, 04 Jan 2012 17:33:48 +0000 Nantyliana 45480@https://legacy.forums.gravityhelp.com/ <p>The site is in spanish, but sure! there it is: <a href="http://www.adondeiremos.com.mx/kleverest/bannersprice/#gf_12" rel="nofollow">http://www.adondeiremos.com.mx/kleverest/bannersprice/#gf_12</a></p> <p>Thanks for your reply, I'm gonna try it out! ;-) </p> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45478 Wed, 04 Jan 2012 17:30:15 +0000 Rob Harrell 45478@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your form, so I can reference it. But looking about when you put:</p> <pre><code>[css] body #gform_wrapper_11 body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: &#39;Cabin&#39;, serif!important; font-weight:700!important;}</code></pre> <p>You are close there, but the selector should read like this:</p> <pre><code>[css] body #gform_wrapper_11 .gfield_label, body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: &#39;Cabin&#39;, serif!important; font-weight:700!important;}</code></pre> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45476 Wed, 04 Jan 2012 17:27:32 +0000 Nantyliana 45476@https://legacy.forums.gravityhelp.com/ <p>Thanks for the quick reply!<br /> I am trying to change the font color for all labels especifically on those 2 forms, this is what I got, but nothing seems to change :(<br /> body #gform_wrapper_11 body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: 'Cabin', serif!important; font-weight:700!important;}<br /> body #gform_wrapper_11 body #gform_wrapper_12 .gfield_checkbox li label, body .gform_wrapper .gfield_radio li label {font-size: 14px!important; color:#4b545b!important;}</p> <p>I also have this other code on the stylesheet, and this is what the form looks like instead:<br /> body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color:white; font-size: 18px!important; font-weight: bold; padding:20px 0 1px 0; letter-spacing:0em; margin: 0 0 1px 10px!important;}</p> <p>Can you please tell me what I'm doing wrong?<br /> Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45471 Wed, 04 Jan 2012 17:17:45 +0000 Rob Harrell 45471@https://legacy.forums.gravityhelp.com/ <p>Yes, since each form has it's own unique ID, you can group styles together with commas or give them unique properties. An example would be:</p> <pre><code>[css] body #gform_wrapper_1, body #gform_wrapper_2 { margin: 10px; }</code></pre> <p>or</p> <pre><code>[css] body #gform_wrapper_1 { margin: 10px; } body #gform_wrapper_2 { margin: 30px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/customizing-2-out-of-5-forms-with-the-same-css-style#post-45468 Wed, 04 Jan 2012 17:14:42 +0000 Nantyliana 45468@https://legacy.forums.gravityhelp.com/ <p>Hi guys,<br /> Is there a way I can customize 2 out of 5 forms I've got on the site using something like this:<br /> body #gform_wrapper_1 #gform_wrapper_2 {some code in here...} ??? or do I need to do it one by one?</p> <p>Thanks in advance!!! </p>