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.

Gravity Forms & Zurb Foundation

  1. martindale
    Member

    I haven't seen anybody write about this particular situation, but I think I know what the answer is going to be. In my particular case, I want select boxes to look like the Custom Dropdown select boxes from Zurb's Foundation. I am using Reverie WordPress framework, newest version of WP & GF.

    http://foundation.zurb.com/docs/components/custom-forms.html
    & http://shc.iamfrankstallone.com/support/ticket/ (My form)

    Possible? Impossible?

    Posted 8 years ago on Friday April 26, 2013 | Permalink
  2. martindale
    Member

    Wow, nobody huh? =)

    Posted 8 years ago on Friday April 26, 2013 | Permalink
  3. I don't think you can replace standard form elements with divs using GF. Perhaps with jQuery you can parse select elements, hide them, inject your custom html in their place, and then apply the CSS style as needed.

    Posted 8 years ago on Saturday April 27, 2013 | Permalink
  4. cclaud3
    Member

    You have to add
    class="custom"
    to the form.
    I would turn off the GF output css so there isn't any conflicts.
    Lastly make sure the foundation's form JS is enabled on your foundation theme.

    Posted 8 years ago on Friday June 14, 2013 | Permalink