This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Changing Font in Gravity Forms

Resolved 5 replies premiumthemetheme-vantage
wjwilson42
11 years ago · Last reply by wjwilson42 11 years ago

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!

URL: http://hypecreative.net

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Greg Priday Staff 11 years, 1 month ago

    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; }
  2. wjwilson42 11 years, 1 month ago

    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!

  3. Andrew Misplon Staff 11 years, 1 month ago

    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

  4. Andrew Misplon Staff 11 years, 1 month ago

    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;
}
  5. wjwilson42 11 years, 1 month ago

    Great! Thank you!!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread