Tim
Member
Hey I have another question...
I figgured out that if i target some of the advanced fields like email etc.. with
[type=email] it i can change the size etc...
is there an overview over what th other types are? website, phone etc?? how do i target those?
Thanks!
Tim
It depends on if you have HTML5 turned on in the Gravity Forms Settings page. These input types are only used in HTML5. You would target them the same way you target the email in your example above.
Here are the HTML5 input types that Gravity Forms implements:
Email Field
type=email
Number Field
type=number
Website Field
type=url
Phone Field
type=tel
The majority of the fields simply use type=text because advanced HTML5 input types and form options are not supported by all major browsers.
The different input types currently used in Gravity Forms are below.. You'll see these if you have the HTML5 output option enabled.
Text
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border:1px solid red}Email
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email] {border:1px solid red}Telephone
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel] {border:1px solid red}Website URL
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=url] {border:1px solid red}Number
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=number] {border:1px solid red}Password
[css]
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=password] {border:1px solid red}You may still want to target them specifically via inheritance from their parent item ID rather than applying the properties globally based on the shared class name. You can refer back to the samples in the documentation for more information.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples