summitkreative
Member
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: http://www.primeorlandoland.com/user-registration/
Would someone be able to explain to me what I am doing wrong, or if I have to override a particle style.
In your theme's stylesheet you have:
[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;
}To target the email and phone input types, just replace that with this:
[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;
}Awesome - glad to help!