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.

How do I change the size of the form fields?

  1. iamchrisgreen1
    Member

    Hi guys

    I have placed a form on each page of this site:

    http://www.getyougorgeous.com

    The message box is way too big for the space but I can't see any way of changing the size of it.

    Also, there are bullet points before each field. Any ideas why?

    Thanks

    Posted 9 years ago on Tuesday February 8, 2011 | Permalink
  2. Check the FAQ page for a CSS snippet to remove the list bullets. After that, you can refer to this guide for examples of how to properly target and manipulate the form elements.

    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/

    EDIT:

    Actually, I just realized that your default form CSS isn't being loaded. If you get that enqueued properly, it should fix the issues for you without having to do anything else.

    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.

    wp_enqueue_script("gforms_ui_datepicker", WP_PLUGIN_URL . "/gravityforms/js/jquery-ui/ui.datepicker.js", array("jquery"), "1.3.9", true);
    
    wp_enqueue_script("gforms_datepicker", WP_PLUGIN_URL . "/gravityforms/js/datepicker.js", array("gforms_ui_datepicker"), "1.3.9", true);
    
    wp_enqueue_script("gforms_conditional_logic_lib", WP_PLUGIN_URL . "/gravityforms/js/conditional_logic.js", array("gforms_ui_datepicker"), "1.3.9", 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/embedding-a-form/

    Posted 9 years ago on Tuesday February 8, 2011 | Permalink

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