WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. PODxt
    Member
    Posted 6 months 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>
        </div>

    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:

    http://mywptestsite.is-great.org/contact-form/
    Kim

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

  2. Rob Falla
    Member
    Posted 5 months 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
    Member
    Posted 5 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic