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.

CSS not working in Fieldsets

  1. Thanks to great contributions to this forum, I've been able to successfully create fieldsets. However, when implemented, it ignores all the css ready attributes. Specifically, I'm looking to use gf_inline.

    Does anybody have any suggestions?

    Thanks

    Site: http://randydueck.com/t1taxes/file-your-taxes/ on the second page

    Posted 12 years ago on Monday May 21, 2012 | Permalink
  2. It's because when you use the fieldsets, you close one of the classes that the ready class selector picks up on. See this Screenshot

    If you notice in our plugin's CSS file, it hooks onto the ul with a class of top_label. See this Screenshot

    I think an easy solution here could be to add the class of "top_label" to the new UL that gets created in your HTML block.

    Posted 12 years ago on Monday May 21, 2012 | Permalink
  3. Hi Rob, thanks for the help, but it doesn't seem to be working... here's what I added into the html field...

    <!-- close the html field li -->
    <!-- close the list -->

    <fieldset id="fieldset_3">
    <legend>Dependants</legend>
    <ul class="gform_fields top_label">

    I've also tried using just "top_label" with no effect.

    I'm wondering if the fieldset id and/or class is getting in the way?

    Posted 12 years ago on Monday May 21, 2012 | Permalink
  4. It works, just use "top_label" and then get rid of your custom style you've placed. See this Screenshot

    Just lose this, after applying top_label only to the UL in the HTML field:

    [css]
    fieldset#fieldset_3 ul li.gfield {
    display: inline;
    margin: 0px;
    padding: 0;
    }
    Posted 12 years ago on Tuesday May 22, 2012 | Permalink
  5. Wicked! thanks Rob for pointing that out. ...works like a charm

    Posted 12 years ago on Tuesday May 22, 2012 | Permalink
  6. Sweet action! Glad to help out.

    Posted 12 years ago on Tuesday May 22, 2012 | Permalink

This topic has been resolved and has been closed to new replies.