Contact Form 7
[resolved] Issues with 2 columns layout and validation messages (3 posts)

  1. PODxt
    Posted 2 years ago #

    Hi, I did a 2 columns layout with CSS that looks ok as it is. But when you hit the SEND button, the validation or error message that appears after sending a message, is displayed at the wrong place.

    In Chrome debug mode I found that the form height consisted of my

    <div id="contact-email">
        <h2>Contact form</h2>

    and <p id="contact-intro"></p>

    it doesn't go all the way down even though all the labels or inputs are below. Do you know how to display the validation message at the right place? Here is my testing website so you know what I'm talking about:



  2. Rob Falla
    Posted 2 years ago #

    Where is the right place? Are you trying to override the default placement of such messages?

    Check your block-level elements and css to ensure they 'stack' as expected. You will want to be sure that the divs you are targeting are contained within a targetable element so you can position accordingly.

    Best of luck.

  3. PODxt
    Posted 2 years ago #

    The right place is where the message displays when you don't edit CF7 html/php/css i.e. right under the form. It was actually a clearfix / float problem, now everything seems in order.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic