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 to make red error boxes smaller?

  1. Trevorbox
    Member

    So when a field that is required is not filled out, it makes a red error box around the field. The problem is that our form is a side bar form and it throws it out of alignment. Is there a way to remove just the red box around the field, or preferably make it smaller?

    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  2. Trevorbox
    Member

    Also, I did find this code here on the forum. Is there any changes this can be used to achieve what I need?

    [css]
    .gform_validation_error #field_5_2 .gfield_description.validation_message {
    	display: none;
    	}
    	.gform_validation_error #field_5_2 {
    	background: none;
    	padding: 0 !important;
    	margin: 0 !important;
    	border: 0;
    	width: 99.2%;
    	}
    	.gform_validation_error #field_5_1 .ginput_container, .gform_validation_error #field_5_2 .ginput_container {
    	margin: 0;
    	max-width: 100% !important;
    	}
    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  3. Do you happen to have a link to your form?

    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  4. Trevorbox
    Member

    Yes getacoolbox.com, try submitting it without filling anything out and you'll see what I mean.

    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  5. See if this works for you:

    [css]
    #gform_wrapper_4 li.gfield.gfield_error, body #gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required {
    padding: 0 !important;
    margin: 5px 0 !important;
    }
    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  6. Trevorbox
    Member

    Excellent thank you! Love you guys!

    Posted 9 years ago on Thursday August 30, 2012 | Permalink
  7. Sweeeeeet action! We love you too.

    Posted 9 years ago on Thursday August 30, 2012 | Permalink

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