https://legacy.forums.gravityhelp.com/topic/email-box-looks-different-to-others Gravity Support Forums Topic: Email box looks different to others. en-US Fri, 24 Apr 2026 01:17:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/email-box-looks-different-to-others#post-54859 Wed, 11 Apr 2012 08:11:51 +0000 Kevin Flahaut 54859@https://legacy.forums.gravityhelp.com/ <p>You would put the new CSS rules at the very end of your active theme's stylesheet. It's usually a style.css file in your theme directory but could be custom.css or something else. </p> <p>If you're not sure where to add custom CSS rules, then you'll want to consult your theme developer and ask them where the recommended place to add them is. </p> https://legacy.forums.gravityhelp.com/topic/email-box-looks-different-to-others#post-54849 Wed, 11 Apr 2012 04:14:15 +0000 zom 54849@https://legacy.forums.gravityhelp.com/ <p>Do I post the above into the CSS Stylesheet?</p> <p>Thank Zoe </p> https://legacy.forums.gravityhelp.com/topic/email-box-looks-different-to-others#post-54814 Tue, 10 Apr 2012 17:17:07 +0000 Rob Harrell 54814@https://legacy.forums.gravityhelp.com/ <p>Your theme's stylesheet has:</p> <pre><code>[css] input[type=&quot;text&quot;], textarea { background: #FAFAFA url(images/field_bkg.png) repeat-x; padding: 10px; font-family: &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #6A6A6A; border: 1px solid #DDD; background: #FAFAFA url(images/field_bkg.png) repeat-x; }</code></pre> <p>It's only targeting certain types of inputs, try replacing it with this:</p> <pre><code>[css] input[type=&quot;text&quot;], textarea, input[type=&quot;tel&quot;], input[type=&quot;email&quot;], input[type=&quot;url&quot;] { background: #FAFAFA url(images/field_bkg.png) repeat-x; padding: 10px; font-family: &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #6A6A6A; border: 1px solid #DDD; background: #FAFAFA url(images/field_bkg.png) repeat-x; }</code></pre> https://legacy.forums.gravityhelp.com/topic/email-box-looks-different-to-others#post-54813 Tue, 10 Apr 2012 17:15:10 +0000 zom 54813@https://legacy.forums.gravityhelp.com/ <p>Hello,<br /> I've recently purchased 'gravity forms'. I have added a form to contact page but the email box looks different to the others. I can't work out what to do. Any advice appreciated. <a href="http://yogaleicester.co.uk/contact/" rel="nofollow">http://yogaleicester.co.uk/contact/</a></p> <p>Zoe </p>