https://legacy.forums.gravityhelp.com/topic/css-ready-classes Gravity Support Forums Topic: CSS Ready Classes en-US Wed, 15 Apr 2026 02:52:16 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-ready-classes#post-13561 Mon, 29 Nov 2010 16:57:45 +0000 Kevin Flahaut 13561@https://legacy.forums.gravityhelp.com/ <p>Yeah, the gf_left_half class rule has better specificity so it would normally override a less specific rule like the on you referenced. </p> https://legacy.forums.gravityhelp.com/topic/css-ready-classes#post-13558 Mon, 29 Nov 2010 16:31:59 +0000 Josh 13558@https://legacy.forums.gravityhelp.com/ <p>Yeah, I got that, I just found it interesting that every form field formatted the same way except those with the Ready Class applied. Thanks for these by the way. They're exactly what I needed to get some of our HUGE application forms brought into GF. </p> https://legacy.forums.gravityhelp.com/topic/css-ready-classes#post-13556 Mon, 29 Nov 2010 16:20:59 +0000 Kevin Flahaut 13556@https://legacy.forums.gravityhelp.com/ <p>The Ready Classes are simply CSS "helper" rules to get you going. They're pretty generic and may not fit every theme perfectly without some tweaking like you've done. There's no way to account for all the variances in theme layout so those exist to get you started.</p> <p>The Ready Class list items are floated so by default, they'll align to the left and right edges of the form container respectively. </p> https://legacy.forums.gravityhelp.com/topic/css-ready-classes#post-13548 Mon, 29 Nov 2010 16:05:57 +0000 Josh 13548@https://legacy.forums.gravityhelp.com/ <p>I added </p> <pre><code>li.gfield.gf_left_third {margin-left: 20px !important;} li.gfield.gf_left_half {margin-left: 20px !important;}</code></pre> <p>to my stylesheet. My theme is styled</p> <pre><code>.post ul li { list-style-type:square; margin:0 0 0 20px; padding:0;</code></pre> <p>and the margin value was being overwritten on the gf_x_x classes by something else. I haven't investigated further, but it's useful to note for your reference. </p> https://legacy.forums.gravityhelp.com/topic/css-ready-classes#post-13547 Mon, 29 Nov 2010 15:53:08 +0000 Josh 13547@https://legacy.forums.gravityhelp.com/ <p>I uploaded the stylesheet from 1.5 to my 1.4.5 install in order to use the ready classes. Overall impression: YAY!</p> <p>However, I have noticed that anything styled with these new classes doesn't have the same left alignment. It seems to be ignoring the form-wide formatting.</p> <p>My example is at <a href="https://web.saumag.edu/admissions/application/" rel="nofollow">https://web.saumag.edu/admissions/application/</a></p> <p>Tested in RockMelt, FF 3.5, IE 7. </p>