Larger font size in all input forms

[angslycke]

Hi!

Simple question, I would like to increase the font size in all input forms (both the BuddyPress forms and some Gravity Forms forms). Is there an easy CSS fix to catch all forms at once?

Thanks!

[Alyssa]

@angslycke have you tried this:
input{font-size:120%;}
Could also try adding forms:
form,input{font-size:120%;}
Might also need label:
form,label,input{font-size:120%;}
I think you see where this is going.

[angslycke]

Thanks! I had some success with that CSS but the font size in Gravity Forms forms is still tiny. Any easy fix for that possible? Thanks again.

[Alyssa]

@angslycke you’ll have to inspect the gravity form code to find a class unique to those forms and prepend to the code posted above.

[angslycke]

Thanks! Found this on the Gravity Forms website:

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-size:16px;
}

[Alyssa]

Awesome, as you can see it gets a bit complex. I’ll close this out now 🙂