Wrong formatting of the text areas

  • avdebert

    (@avdebert)


    12 years, 7 months ago

    I trying to use this as a very simple contact form, but no matter what I do, the text area for the “Message” gets moved to the right, so the actual “Message” text is at the bottom left of it.
    I’d like for all texts to be above their respective text areas.

    Any thoughts on how to prevent this?

    My code is simple:

    <p>Name (required) [text* your-name] </p>
    <p>Email (required) [email* your-email] </p>
    <p>Subject [text* your-subject] </p>
    <p>Message [textarea your-message] </p>
    <p>[submit “Send”]</p>

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter avdebert

    (@avdebert)

    12 years, 7 months ago

    Here’s the link btw:

    lukeyates1981

    (@lukeyates1981)

    12 years, 7 months ago

    if you want the text above the input element e.g.

    Name:
    <text element here>

    then in your CSS add something like:

    .wpcf7 input[type="text"], .wpcf7 textarea { display: block; }

    that should force all the input elements to display on a new line under the text preceding them.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrong formatting of the text areas’ is closed to new replies.