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.

validation error alignment

  1. we created a form that is one line with the submit button.
    http://goitd.com/form-test

    I cannot figure out how to fix the alignment issue if there is an error.

    The 2nd box shifts to the left.

    Any ideas ?

    here is the CSS ive pieced together..

    #gform_wrapper_4 .validation_error, #gform_wrapper_4 .gform_body .gform_fields .gfield_error .validation_message {
    	display: none!important;
    }
    
    #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required {
    	margin: 0!important;
    	padding: 0!important;
    	background: none!important;
    	border: none!important;
    }
    
    #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    	margin-top: 0!important;
    }
    
    /* make the form container relative for positioning */
    body #gform_wrapper_4 {
    	position: relative;
    }
    
    /* resize and position the form footer with the button */
    body #gform_wrapper_4 .gform_footer {
    	width: auto;
    	position: absolute;
    	left: 683px;
    	top: 20px;
    	padding: 0;
    	margin: 0;
    }
    
    /* align: 0 auto; text-align: center; */
    body #gform_wrapper_4 .gform_body {
    	position: relative;
    	left: 280px;
    	top: -6px;
    }
    
    body #gform_wrapper_4 .gform_footer input[type=submit] {
    	border: 1px solid red;
    	position: relative;
    	left: 683px;
    	top: 20px;
    }
    Posted 6 years ago on Tuesday July 2, 2013 | Permalink
  2. Richard Vav
    Administrator

    Try adding the following

    #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required {
    margin-right: 14px !important;
    }
    Posted 6 years ago on Tuesday July 2, 2013 | Permalink
  3. That worked.. Thank you for your help..

    Posted 6 years ago on Tuesday July 2, 2013 | Permalink
  4. Richard Vav
    Administrator

    You're welcome

    Posted 6 years ago on Tuesday July 2, 2013 | Permalink

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