BuddyBoss Home – Web › Support Forums › Themes › Boss. theme › Larger font size in all input forms
- This topic has 5 replies, 2 contibutors, and was last updated 9 years, 8 months ago by Alyssa.
Question
March 21, 2015 at 4:58 pm #37661@angslyckeHi!
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!
Answers
March 22, 2015 at 9:37 am #37699@alyssa-buddyboss
AlyssaParticipant@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.March 23, 2015 at 3:08 am #37754@angslyckeThanks! 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.
March 23, 2015 at 7:13 pm #37810@alyssa-buddyboss
AlyssaParticipant@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.
March 24, 2015 at 2:22 pm #37850@angslyckeThanks! 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;
}March 25, 2015 at 7:29 pm #37951@alyssa-buddyboss
AlyssaParticipantAwesome, as you can see it gets a bit complex. I’ll close this out now 🙂
- The question ‘Larger font size in all input forms’ is closed to new replies.