https://legacy.forums.gravityhelp.com/topic/changing-colour-and-shape Gravity Support Forums Topic: Changing colour and shape en-US Thu, 23 Apr 2026 21:46:55 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-colour-and-shape#post-54540 Sat, 07 Apr 2012 14:36:06 +0000 Kevin Flahaut 54540@https://legacy.forums.gravityhelp.com/ <p>Yep, your theme CSS is targeting specific input types. Apparently, it's not including the styles for the email type input (only the text type and textareas). You can try adding this to your theme stylesheet to get all of the bases covered. As I mentioned, you'll want to put it at the end of the stylesheet so these styles will supersede the others.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { background: url(&quot;images/field_bkg.png&quot;) repeat-x scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; border-radius: 5px 5px 5px 5px; color: #6A6A6A; font-family: &quot;Droid Sans&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; padding: 10px 0 }</code></pre> <p>test screenshot: <a href="http://bit.ly/HhGJzr" rel="nofollow">http://bit.ly/HhGJzr</a></p> <p>and yeah, it looks like you can put these in your theme's style.css file found here<br /> <a href="http://yogaleicester.co.uk/wp-content/themes/clarity/style.css" rel="nofollow">http://yogaleicester.co.uk/wp-content/themes/clarity/style.css</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-colour-and-shape#post-54533 Sat, 07 Apr 2012 12:41:53 +0000 zom 54533@https://legacy.forums.gravityhelp.com/ <p>Thanks for this. I have contacted the theme developer and will await response.</p> <p>In the meantime any idea why the email box looks different to the others? I haven't made any adjustments. <a href="http://yogaleicester.co.uk/contact/" rel="nofollow">http://yogaleicester.co.uk/contact/</a></p> <p>Thanks Zoe </p> https://legacy.forums.gravityhelp.com/topic/changing-colour-and-shape#post-54531 Sat, 07 Apr 2012 10:37:26 +0000 Kevin Flahaut 54531@https://legacy.forums.gravityhelp.com/ <p>You would make any custom CSS changes in your THEME stylesheet. This is usually a style.css file in your theme directory.. occasionally it's a custom.css file depending on how your theme developer set it up. If you're unsure, you can contact the theme developer to find out for sure where to place custom CSS rules. Wherever you put them, you'll want to put any custom rules at the end of your stylesheet.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a></p> <p>Here's a page with samples of how to target and manipulate specific elements in your form. It may come in handy for you.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-colour-and-shape#post-54526 Sat, 07 Apr 2012 08:20:12 +0000 zom 54526@https://legacy.forums.gravityhelp.com/ <p>Hello, I've just purchased Gravity and have uploaded a form into a page. I'd like to change the look of the form. Do I do this in Style Sheet? I'm looking to remove background colour, rounded corners and shadows from boxes. <a href="http://yogaleicester.co.uk/contact/" rel="nofollow">http://yogaleicester.co.uk/contact/</a><br /> Thanks Zoë </p>