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.

no css

  1. myintamits
    Member

    Hello

    i have successfully created new form and insert it into my page. But the problem is there's no CSS, nothing.

    I view my page source code and it doesn't include gravity form css.

    Tried to switch YES, NO in Output setting but still no luck

    Any idea?

    Thanks

    Posted 13 years ago on Thursday March 31, 2011 | Permalink
  2. You need to verify that your theme includes the wp_head() function in the header.php file and the wp_footer() function in the footer.php file. Both are necessary to load the supporting Gravity Forms scripts, CSS, etc.

    Also, how are you embedding your form in the page? Are you using the shortcode method via the page editor, or are you embedding directly into the page template via the php function call?

    When using a Gravity Form in a sidebar widget or embedding it anywhere using the function call, you need to manually enqueue the scripts and CSS by placing a short script block in your theme's functions.php file.

    if(!is_admin()) {
        wp_enqueue_script("gforms_ui_datepicker", WP_PLUGIN_URL . "/gravityforms/js/jquery-ui/ui.datepicker.js", array("jquery"), "1.4", true);
        wp_enqueue_script("gforms_datepicker", WP_PLUGIN_URL . "/gravityforms/js/datepicker.js", array("gforms_ui_datepicker"), "1.4", true);
        wp_enqueue_script("gforms_conditional_logic_lib", WP_PLUGIN_URL . "/gravityforms/js/conditional_logic.js", array("gforms_ui_datepicker"), "1.4", true);
        wp_enqueue_style("gforms_css", WP_PLUGIN_URL . "/gravityforms/css/forms.css");
    }

    Without this, the conditional logic scripts, datepicker script, form CSS and other elements needed for the full form functionality aren't loaded.

    You can find more information at the URL below

    http://www.gravityhelp.com/documentation/page/Embedding_A_Form

    Posted 13 years ago on Thursday March 31, 2011 | Permalink