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.

Can "Confirm Email" be below "Enter Email" instead of side by side?

  1. cyberworldsinc
    Member

    Hello -

    I'd like to have the "Confirm Email" field show up below "Enter Email" instead of next to it. Is this possible?

    You can see my current email signup form at http://www.jackjohnsonphoto.com/.

    Thanks,

    Jack

    Posted 13 years ago on Tuesday November 29, 2011 | Permalink
  2. By default they appear side by side. There isn't a built in option to make them appear stacked. However, anything can be done using some custom CSS.

    If you want to tell those fields not to float you'd have to override the default Gravity Forms styles that are being applied by adding custom CSS to your themes stylesheet.

    Add this to the very end of your themes stylesheet:

    .gform_widget #gform_wrapper_1 #input_1_1_1_container {float: none!important; width: 90%}
    .gform_widget #gform_wrapper_1 #input_1_1_2_container {float: none!important; width: 90%}

    That code targets those specific inputs on that specific form in a widget and disables the float being applied to those spans and then redefines the width so it fills the additional space.

    Posted 13 years ago on Tuesday November 29, 2011 | Permalink
  3. cyberworldsinc
    Member

    Works great - thanks, Carl!

    - Jack

    Posted 13 years ago on Tuesday November 29, 2011 | Permalink

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