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.

Add CSS Class To Form Heading Or Title?

  1. jaredcobb
    Member

    Hi there,

    Wondering if it's possible to add a CSS class to just the form title or form heading.

    To clarify, I do know how to target the title and/or header using a selector like:

    h3.gform_title {css here}

    and put that in my own style.css. But can I add an existing class in the same way that I can for the whole form, or how I can with individual form elements?

    I'm using a jQueryUI theme with defined classes and I'd like to add some of those classes to the form to style it. (For example, I'd like to add classes to the h3 title like "ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" and style using that framework).

    Looks like I can add classes to just about everything else, except the title. Am I missing something obvious? Thanks!

    Posted 12 years ago on Saturday January 28, 2012 | Permalink
  2. Nope. You're not missing anything. There's no option to add a class to the title element. You can always opt to not display the title and use your own in your page template.. that way you can use any class name you'd like.

    Posted 12 years ago on Saturday January 28, 2012 | Permalink
  3. jaredcobb
    Member

    Gotcha. I think I'll have to do that. I was hoping the client could just drop the form into the page but maybe I can create a custom button for TinyMCE to insert my own styled h3 tag before the form as you suggest. Thanks.

    PS - It would be an awesome feature though! =)

    Posted 12 years ago on Saturday January 28, 2012 | Permalink
  4. Yep, thanks for the suggestion. We're always trying to make things more flexible.

    Posted 12 years ago on Sunday January 29, 2012 | Permalink