Gravity Support Forums Topic: CSS fix for Email & Phone Fields

Gravity Support Forums Topic: CSS fix for Email & Phone Fields https://legacy.forums.gravityhelp.com/topic/css-fix-for-email-phone-fields Gravity Support Forums Topic: CSS fix for Email & Phone Fields en-US Mon, 20 Apr 2026 12:36:09 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Rob Harrell on "CSS fix for Email & Phone Fields" https://legacy.forums.gravityhelp.com/topic/css-fix-for-email-phone-fields#post-48694 Wed, 08 Feb 2012 10:28:23 +0000 Rob Harrell 48694@https://legacy.forums.gravityhelp.com/ Awesome - glad to help! summitkreative on "CSS fix for Email & Phone Fields" https://legacy.forums.gravityhelp.com/topic/css-fix-for-email-phone-fields#post-48693 Wed, 08 Feb 2012 10:28:09 +0000 summitkreative 48693@https://legacy.forums.gravityhelp.com/ Thank you. That did the trick. Appreciate your quick help. Rob Harrell on "CSS fix for Email & Phone Fields" https://legacy.forums.gravityhelp.com/topic/css-fix-for-email-phone-fields#post-48691 Wed, 08 Feb 2012 10:15:55 +0000 Rob Harrell 48691@https://legacy.forums.gravityhelp.com/ In your theme's stylesheet you have: <pre><code>[css] input[type="text"], input[type="password"], textarea, { background: #FAFAFA; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #DDD; color: #888; border-image: initial; }</code></pre> To target the email and phone input types, just replace that with this: <pre><code>[css] input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, { background: #FAFAFA; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #DDD; color: #888; border-image: initial; }</code></pre> summitkreative on "CSS fix for Email & Phone Fields" https://legacy.forums.gravityhelp.com/topic/css-fix-for-email-phone-fields#post-48689 Wed, 08 Feb 2012 10:04:03 +0000 summitkreative 48689@https://legacy.forums.gravityhelp.com/ On many of the Gravity Forms I have created I have an issue with certain fields not getting styled to match the rest of the forms. Generally it seems to be the email and phone field. See this link for an example: <a href="http://www.primeorlandoland.com/user-registration/" rel="nofollow">http://www.primeorlandoland.com/user-registration/</a> Would someone be able to explain to me what I am doing wrong, or if I have to override a particle style.