OK I have a really basic form, Name and Email fields, that's it. I wanted to customize the input areas, specifically, the height of the field, the input text and the label.
I used this page to add some code to my CSS file:
http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/
It worked perfectly (I swear it was working) I was able to increase the box height and the text size. I then added CSS to change the labels and once I did, the style for the box height and text size stopped working. Adding or removing the styling for the label still works, but something is overriding the height and font styles.
I swear it worked at first and although I am a CSS noob, I have a feeling that adding the style to the label didn't have anything to do with the style for the input field height and font size not working. It must be something else, but I don't know where to look.
Any advice would be appreciated.
This is what I have in my style.css right now:
/* Gravity Forms Customizations */
/* Box Height */
body .gform_wrapper .gform_body .gform_fields .gfield select {
height:35px
}
/* Text Height */
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
font-size:22px;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color:red}