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.

Custom CSS classes not functioning properly in 1.5 beta 2

  1. Michael
    Member

    I am trying the new predefined css classes and page breaks with my form at http://www.decoridesigns.info/gravity. When I preview the form after saving, everything shows up how I defined it. (3 column lists on the first page, email and phone number next to each other in a 2 column layout on the second page, and a progress bar on the top for step 1 and step 2) When I go to the page with the form, none of the custom classes are working. My lists are in 1 column, my email/phone are in 1 column, and the progress bar doesn't show at the top of my form pages (just text saying which step it is and progress percentage).

    Since these features are new, I'm assuming there's some sort of bug that needs to be fixed.

    Posted 12 years ago on Friday November 19, 2010 | Permalink
  2. Nope, it's no bug. You theme isn't loading the forms.css file. That's why you're not seeing any changes.

    In general, if it works/displays properly in the preview page and not in your theme, it's the theme that's to blame somewhere.

    You need to make sure you theme has the wp_head() function call in the header.php file and the wp_footer() function in the footer.php file so all of the necessary CSS and scripts get loaded.

    If those are in place, then go to your Gravity Forms settings page and make sure the "output CSS" option is set to "yes"

    Posted 12 years ago on Saturday November 20, 2010 | Permalink
  3. Michael
    Member

    The output css setting was the problem. Thank you for your help.

    Posted 12 years ago on Monday November 22, 2010 | Permalink
  4. My pleasure. Glad you got it working.

    Posted 12 years ago on Monday November 22, 2010 | Permalink