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.

Gfield_error

  1. bram
    Member

    I got rid of the CSS for

    .gform_wrapper .gfield_error {}

    But the thing is, the fields are still moves around where originally the pink block would form around the field with the error message.

    How do i get rid of it moving the fields to the sides because it ruins the look of the form.

    Posted 13 years ago on Sunday September 12, 2010 | Permalink
  2. bram
    Member

    http://www.imagebam.com/image/6407cc97445466

    Posted 13 years ago on Sunday September 12, 2010 | Permalink
  3. try this

    .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {width:92%!important}

    as mentioned before.. a lot of stuff here is styled using inheritance rather than directly with a class name. you removed the .gfield_error rules, but there are rules for the elements that are children of that class. If you can't find what you're looking for, always try searching for the parent div ID or class name and see if you can find it there.

    Posted 13 years ago on Sunday September 12, 2010 | Permalink
  4. bram
    Member

    changing

    .gform_wrapper .top_label .gfield_error {width:92%}

    to .gform_wrapper .top_label .gfield_error {width:100%}

    worked

    Solved, form looks great !

    Posted 13 years ago on Sunday September 12, 2010 | Permalink

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