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 Ready Classes

  1. I uploaded the stylesheet from 1.5 to my 1.4.5 install in order to use the ready classes. Overall impression: YAY!

    However, I have noticed that anything styled with these new classes doesn't have the same left alignment. It seems to be ignoring the form-wide formatting.

    My example is at https://web.saumag.edu/admissions/application/

    Tested in RockMelt, FF 3.5, IE 7.

    Posted 9 years ago on Monday November 29, 2010 | Permalink
  2. I added

    li.gfield.gf_left_third {margin-left: 20px !important;}
    li.gfield.gf_left_half {margin-left: 20px !important;}

    to my stylesheet. My theme is styled

    .post ul li {
    list-style-type:square;
    margin:0 0 0 20px;
    padding:0;

    and the margin value was being overwritten on the gf_x_x classes by something else. I haven't investigated further, but it's useful to note for your reference.

    Posted 9 years ago on Monday November 29, 2010 | Permalink
  3. The Ready Classes are simply CSS "helper" rules to get you going. They're pretty generic and may not fit every theme perfectly without some tweaking like you've done. There's no way to account for all the variances in theme layout so those exist to get you started.

    The Ready Class list items are floated so by default, they'll align to the left and right edges of the form container respectively.

    Posted 9 years ago on Monday November 29, 2010 | Permalink
  4. Yeah, I got that, I just found it interesting that every form field formatted the same way except those with the Ready Class applied. Thanks for these by the way. They're exactly what I needed to get some of our HUGE application forms brought into GF.

    Posted 9 years ago on Monday November 29, 2010 | Permalink
  5. Yeah, the gf_left_half class rule has better specificity so it would normally override a less specific rule like the on you referenced.

    Posted 9 years ago on Monday November 29, 2010 | Permalink