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.

Text Styling

  1. First, your plugin rocks! I love Thesis and it rocks even more with Gravity Forms!

    I had a couple of questions that I hope you can provide a generic answer to since my website has a maintenance plugin running and I cannot link you to my site.

    I'm getting pretty good a css, but the Gravity Forms ID's and Classes are still a little confusing for me.

    1. How do I change the font type and size within the input fields?
    2. Why is the text smaller in the multi-lin paragraph field and how can I make it the same size as the other fields?
    3. I tried and tried, but I can't adjust the background color or fonts of the drop-down menus.

    Thank you for the great plug-in.

    Posted 13 years ago on Thursday July 29, 2010 | Permalink
  2. Thanks for the kudos. We appreciate it.

    First of all, you might want to check this out if you haven't already. It's a visual guide that lays out the basic form structure with ids and classes

    http://www.gravityhelp.com/documentation/visual-css-guide/

    You can refer back to this recent post on targeting the inputs for styling. In that particular instance, the member wanted to change the background color, but you can apply whatever properties you want.

    http://forum.gravityhelp.com/topic/change-field-box-colour#post-7627

    As far as the differences in the multi-line field, I simply can't tell you anything definitive without seeing it. Most likely there is some kind of line-height/size setting applied to the textarea element in your theme stylesheet that's causing the difference.

    When it comes to the select (drop down) fields, there's very little you can do to style them without using some combination of CSS and scripting. It's not a plugin limitation, it's limited by how the different browsers render the element. You can usually change the background color, and sometimes the font size, but it's not at all consistent across browsers.

    That said, if you want to target just the select fields for styling, here's how you do it.

    .gform_wrapper select {background-color:#EEEEEE;}

    Hope that helps out.

    Posted 13 years ago on Thursday July 29, 2010 | Permalink
  3. Thanks kevin for the quick reply. I'll mess around with it.

    Posted 13 years ago on Thursday July 29, 2010 | Permalink