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.

Change size of standard fileds

  1. Hi. I'm trying to change the size of the standard First Name and Last Name fields on a homepage signup form, but don't really see a way to do this. Is there a setting to change simply or does it require some code change? Any input you are able to provide is really appreciated!

    Also, how would I alter the position of the GO or Submit button?

    Thank you!

    Site: http://www.ruthsherman.com

    Posted 13 years ago on Tuesday December 7, 2010 | Permalink
  2. It doesn't appear the default forms.css file is being loaded. That's part of the layout issue.

    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/

    As far as targeting the button, you would do it like this.. note this is specific to the form ID (#7) you referenced.

    body #gform_wrapper_7 .gform_footer input.button {margin-left:10px}

    just style it/position it to suit your preference.

    Posted 13 years ago on Tuesday December 7, 2010 | Permalink