I've created a form that looks OK except that some input fields (cell space?) are not outlined with a border and some are. What can I do to have this look consistent? (see link to the form below)
http://184.172.172.19/~manda1a/coaching/free-consultation/
Here's a link to a different form created by the theme where the consistency looks very nice.
Thank you.
;D
Your theme has this for the styling:
[css]
#content form input[type="text"], #content form input[type="password"], #content form textarea {
background: white url(images/content-form-bg.png) repeat;
border: 1px solid #D9D7D2;
padding: 5px 10px;
float: left;
clear: both;
resize: none;
}See how it's only targeting certain input types? If you want it to target other input types you can just update it to do so, for example replacing that with this should do the trick:
[css]
#content form input[type="text"], #content form input[type="password"], #content form textarea, #content form input[type="tel"], #content form input[type="email"], #content form input[type="url"] {
background: white url(images/content-form-bg.png) repeat;
border: 1px solid #D9D7D2;
padding: 5px 10px;
float: left;
clear: both;
resize: none;
}Hmmm . . . I see now that I was not clear. The form that I created that has the inconsistent borders is one I created using Gravity Forms. It's the Free Consultation Form. The one that looks fine -- nice, consistent borders -- is the one that my theme offers but it's just a contact form. I purchased Gravity Forms so that I could create forms for more than just contact info AND it looked easy.
I wonder . . . are you saying that I should use the same styling code for the Gravity Form?
Thank you ;D
Your theme doesn't have the correct styles to support all the possible input types. They only included what they needed for their built in contact form apparently. You need to add the CSS snippet that Rob shared to the end of your theme stylesheet so that ALL of the possible input types are support and styled the same way. This isn't a Gravity Forms issue, it's style inheritance from your theme.
Ohhhh. Got it. Thank you both ;D
No worries. Let us know if you need anything else.
