PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

change font size for forms

  1. 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!

    Posted 6 years ago on Thursday April 11, 2013 | Permalink
  2. David Peralty
    Administrator

    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?

    Posted 6 years ago on Thursday April 11, 2013 | Permalink
  3. 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!

    Posted 6 years ago on Thursday April 11, 2013 | Permalink
  4. 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

    Posted 6 years ago on Friday April 12, 2013 | Permalink
  5. yogini
    Member

    Thanks! So just add pixel size and copy and paste these codes, as you have them, one after the other, at the bottom of my themes style.css sheet?

    Posted 6 years ago on Tuesday April 23, 2013 | Permalink
  6. Richard Vav
    Administrator

    You're welcome, that's correct, just copy to your style.css and customise to suit your needs.

    Posted 6 years ago on Tuesday April 23, 2013 | Permalink
  7. yogini
    Member

    Thanks! Copied and pasted as you said but it didn't seem to increase the font at all for any part of my forms...

    Posted 6 years ago on Friday April 26, 2013 | Permalink
  8. yogini
    Member

    Did I need to cut and paste this into my gravity forms plugin styles sheets (if so, which one?) as opposed to the style.css sheet for my theme in general? Thanks!

    Posted 6 years ago on Friday April 26, 2013 | Permalink
  9. yogini
    Member

    Ok so I was able to figure out how to do a global text input increase from the gravity forms FAQs.

    The only issue now is how to do that for the text input in my contact form widget??

    Thanks!

    Posted 6 years ago on Friday April 26, 2013 | Permalink