Hello,
I inquired from Gravity Forms support on how to change the Fonts in a form to “Lato.” I was instructed to insert the following code in the style.css file:
body .gform_wrapper input[type=text], .gform_wrapper input[type=url], gform_wrapper
input[type=email], gform_wrapper input [type=tell], .gform_wrapper input(type=number],
.gform_wrapper input[type=password], .gform_wrapper textarea { font: normal 22px/28px “Lato”, Arial, Helvetica, Verdana, sans-serif; }
Nothing happened so I in inserted in Custom CSS, yet nothing has changed.
Gravity Forms then instructed me to contact the theme’s support for additional assistance……
Please advise!
Thank you!
Hi William
You might need to add an import for the Lato webfont. So if you insert the following code into your custom CSS. I’ve included the CSS that Gravity Forms gave you.
@import url(http://fonts.googleapis.com/css?family=Lato); body .gform_wrapper input[type=text], .gform_wrapper input[type=url], gform_wrapper input[type=email], gform_wrapper input [type=tell], .gform_wrapper input(type=number], .gform_wrapper input[type=password], .gform_wrapper textarea { font: normal 22px/28px “Lato”, Arial, Helvetica, Verdana, sans-serif; }Hello,
I inserted the above import but nothing changed. Not the biggest deal in the world, but would have liked to maintain font consistency with the form…
Thank you!
Hi William
Can you perhaps let us know when your site is accessible again. Please link to the page with form on it and leave the Custom CSS in place. We’ll take a look.
Thanks
The following seems to be working:
@import url(http://fonts.googleapis.com/css?family=Lato); body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { font-family: 'Lato', sans-serif !important; } body .gform_wrapper .top_label .gfield_label { font-family: 'Lato', sans-serif !important; } body .gform_wrapper input[type="submit"] { font-family: 'Lato', sans-serif !important; }Great! Thank you!!