https://legacy.forums.gravityhelp.com/topic/how-can-i-make-the-form-fields-have-rounded-corners Gravity Support Forums Topic: How can I make the form fields have rounded corners? en-US Sun, 05 Apr 2026 12:31:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-can-i-make-the-form-fields-have-rounded-corners#post-48167 Thu, 02 Feb 2012 12:35:33 +0000 Rob Harrell 48167@https://legacy.forums.gravityhelp.com/ <p>No problem Andrew - have a great day yourself! </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-make-the-form-fields-have-rounded-corners#post-48151 Thu, 02 Feb 2012 10:13:14 +0000 andrew hewinson 48151@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,<br /> Thank you so much for your quick response and perfect solution! :)<br /> Have a great day,<br /> Regards,<br /> Andrew </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-make-the-form-fields-have-rounded-corners#post-48147 Thu, 02 Feb 2012 09:49:37 +0000 Rob Harrell 48147@https://legacy.forums.gravityhelp.com/ <p>In one of your stylesheets you have:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;text&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;email&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;url&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;tel&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;password&quot;], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { color: white; }</code></pre> <p>Replace that with this:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;text&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;email&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;url&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;tel&quot;], body .gform_wrapper .gform_body .gform_fields .gfield input[type=&quot;password&quot;], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { background-color: #fff; color: #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }</code></pre> <p>Border radius allows for the rounded corners and works in everything except IE7/8 of course since this is a CSS3 property. You can feel free to change any of those values of course. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-make-the-form-fields-have-rounded-corners#post-48144 Thu, 02 Feb 2012 08:43:38 +0000 andrew hewinson 48144@https://legacy.forums.gravityhelp.com/ <p>Hi All, :)</p> <p>I would like to make the fields have rounded instead of square corners.<br /> please see here -<br /> <a href="http://www.waterfrontportmelbourne.com.au/how-can-we-improve" rel="nofollow">http://www.waterfrontportmelbourne.com.au/how-can-we-improve</a><br /> I would like them to have corners like this -<br /> <a href="http://www.waterfrontportmelbourne.com.au/general-enquiry" rel="nofollow">http://www.waterfrontportmelbourne.com.au/general-enquiry</a></p> <p>Could you please assist me with this?<br /> Thank you for your time,<br /> Regards,<br /> Andrew </p>