https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms Gravity Support Forums Topic: CSS and Gravity Forms en-US Thu, 16 Apr 2026 19:33:06 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47576 Fri, 27 Jan 2012 16:02:13 +0000 Rob Harrell 47576@https://legacy.forums.gravityhelp.com/ <p>Awesome! Form is looking great man. Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47574 Fri, 27 Jan 2012 16:00:39 +0000 tutarata 47574@https://legacy.forums.gravityhelp.com/ <p>I only wish all companies in the world could have this level of support.</p> <p>Thanks a lot, Rob! </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47573 Fri, 27 Jan 2012 15:56:15 +0000 Rob Harrell 47573@https://legacy.forums.gravityhelp.com/ <p>Whoops, try this one for that:</p> <pre><code>[css] .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { text-align: left !important; float: none !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47570 Fri, 27 Jan 2012 15:50:59 +0000 tutarata 47570@https://legacy.forums.gravityhelp.com/ <p>You guys are really awesome. Thanks!</p> <p>I used the code, but the choices for the radio buttons are still aligned to the right - any idea of what may be wrong? </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47569 Fri, 27 Jan 2012 15:49:48 +0000 Rob Harrell 47569@https://legacy.forums.gravityhelp.com/ <p>Try this for the submit button:</p> <pre><code>[css] .gform_wrapper .gform_footer .gform_button { background: #666 !important; border: 1px solid black !important; }</code></pre> <p>One thing to note about these styles as well, these would be for global form styling. If you ever wanted to specify a rule for a specific form, each form has it's own unique ID wrapped around it, so you can just add that to the selectors to affect only those forms. </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47566 Fri, 27 Jan 2012 15:45:47 +0000 tutarata 47566@https://legacy.forums.gravityhelp.com/ <p>Thanks a lot - I figured out the changing of what the button says by going to the "advanced" tab.</p> <p>however, now I'd like to change the color of the Submit button, so the text is black instead of white - any idea?</p> <p>in the meantime, I'm going to add the code you provided to the style.css</p> <p>Tks!!! </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47564 Fri, 27 Jan 2012 15:43:37 +0000 Rob Harrell 47564@https://legacy.forums.gravityhelp.com/ <p>Always place styles into your theme's stylesheet, try these out below:</p> <pre><code>[css] h3.gform_title { font-size: 2em !important; } .gform_wrapper .gfield_label { width: auto !important; float: none !important; text-align: left !important; } .gfield_description { font-size: 1em !important; }</code></pre> <p>Didn't completely understand your last question, are you looking for styling help on the submit button or how to change what the button says? </p> https://legacy.forums.gravityhelp.com/topic/css-and-gravity-forms#post-47559 Fri, 27 Jan 2012 15:24:12 +0000 tutarata 47559@https://legacy.forums.gravityhelp.com/ <p>Hi Rob and team - I've checked the previous posts on CSS discussion and I understood that the best way to go is to keep "Output CSS" as "Yes" and only do the small changes we need.</p> <p>Problem here is that 1) I know nothing of CSS and 2) I did some small tweaks on my CSS to be able to make one of my other forms look better on my site.</p> <p>However, because of these tweaks, the Gravity Forms CSS seems to be affected.</p> <p>On this link <a href="http://bit.ly/zbxi3h" rel="nofollow">http://bit.ly/zbxi3h</a> (I shortened so my URL does not get indexed by search engines) you will see that my survey got messed.</p> <p>In particular, I'd like:</p> <p>1) Larger font size for Title<br /> 2) Field label supporting more characters, since currently it is breaking down into multiple lines and getting squeezed at the left side<br /> 3) Align radio button choices to the left (currently they are aligned to the right)<br /> 4) Larger font size for Description<br /> 5) Change "submit" from the final Submit button for a different text</p> <p>Would you please give some directions? Although I found the CSS guide, I was not able to figure out which files I should be editing and how... :-( #cssdummyhere </p>