yogini
Member
Hello,
I looked through the forums but it's a lot of info, so how can I increase the font size of my forms (all of them), and specifically the drop down and multi choice lists font size, as those are currently very small based on the default gravity forms styling based on my theme.
And, where do I input the code, just paste it at the end of the style.css theme for my website and nothing else will be disrupted?
Thanks!
You can definitely inspect elements of your form (all of our elements have their own classes you can hook into). You might need to override your own theme CSS to do what you want though. Can you link to your form and give us more details on what you are looking to have happen?
yogini
Member
Thanks for your help.
Here is the form: http://samyapractice.com/design-your-seminar/
I like the boldness of titles, but would like to increase the font size, specifically of the drop down and multi choice menus, but I am fine if its simpler just to increase it for the whole form (and all forms). The top title of the form and the description seem like a good size as is.
The font size for the person filling out the form and inputting text is also really small, so I would like to increase that too.
The simpler the solution, the better, if you could walk me through that.
Thanks!
Richard Vav
Administrator
Hi,
To increase the size of the font in the selects, textareas and other inputs you can add the following CSS towards the bottom of your themes style.css, modifying the pixel size to whatever you want.
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper select, .gform_wrapper textarea {
font-size: 15px;
}To increase the field label font size you would use the same method
.gform_wrapper .top_label .gfield_label {
font-size:
}Regards,
Richard
--
Just another member of the community helping out where I can
Richard Vav
Administrator
You're welcome, that's correct, just copy to your style.css and customise to suit your needs.