Form disarranged after validation error

  • Stahlscs4711

    (@stahlscs4711)


    9 years, 9 months ago

    Hello,

    I created CF7-form which has a couple of input fields (name, email, etc.) arranged in two columns (table).

    The form looks well if no validation error occurs and the messages can be sent. But in case a validation error occurs(e.g. required information is missing)the form is disarranged and looks goofy.

    I tried static- and floating tip. I also tried different CSS-display types (boxed, inline, etc.) but nothing solved my problem.

    I would be please if anyone could help me!

    Many thanks for your help and best wishes from Germany.
    Stephan

    https://wordpress.org/plugins/contact-form-7/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Rene Hermenau

    (@renehermi)

    9 years, 9 months ago

    Hi Stephan,

    do you have any url for us?

    Regards from Hamburg
    René

    Thread Starter Stahlscs4711

    (@stahlscs4711)

    9 years, 9 months ago

    Hey Réne,

    wow, that was a quick answer.

    Here is the URL of the test environment:

    http://s430253748.online.de/kontakt/

    You then have to press the button “Popup”

    Thanks for you help!
    Regards from the blackforest
    Stephan

    Rene Hermenau

    (@renehermi)

    9 years, 9 months ago

    Try this:

    span.wpcf7-form-control-wrap {
    display:block !important;
    }

    and this:

    span.wpcf7-not-valid-tip {
    display: inline-block !important;
    }

    Should do the job

    Please do not post same question multiple times:-)

    Thread Starter Stahlscs4711

    (@stahlscs4711)

    9 years, 9 months ago

    Hey Réne,

    I implemented the changes you recommended in the following file: plugins/contact-form-7/includes/css/styles.css.

    Unfortunately, these changes didn’t fix my problem. Did I do anything wrong?

    Many thanks for your help.

    P.S.: The multiple posting was not intended. Sorry for that.

    KR
    Stephan

    Rene Hermenau

    (@renehermi)

    9 years, 9 months ago

    Hi Stephan,

    write me a mail admin [at] xsimulator.net and i check that on your page.

    I wonder why this not works.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Form disarranged after validation error’ is closed to new replies.