WordPress.org

Forums

Contact Form 7
[resolved] between Label and Input (5 posts)

  1. Rahmspinat
    Member
    Posted 2 years ago #

    Hello,

    How can i show the Label and the input field in the same line(frontend)? The input-field has a <span>-tag

    Backend:
    <p>Anrede (Pflichtfeld) [text* anrede] </p>
    <p>Vorname (Pflichtfeld) [text* vorname] </p>

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

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    <p>Anrede (Pflichtfeld) [text* anrede] </p>
    <p>Vorname (Pflichtfeld) [text* vorname] </p>

    No problem with this.

  3. Rahmspinat
    Member
    Posted 2 years ago #

    My problem: the Label and the input-field are not in the same line

    codeoutput is: <p>Anrede (Pflichtfeld) <span class="wpcf7-form-control-wrap anrede"><input type="text" name="anrede" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" /></span> </p>

    Now it looks like
    Anrede (Pflichtfeld)
    INPUTFIELD

    How i need:
    Anrede (Pflichtfeld) INPUTFIELD

    Sorry for my bad english

  4. davejampole
    Member
    Posted 2 years ago #

    Enclose within a `<div>' pair as indicated below.

    `<div class="onerow">
    <div><label>City
    [text* City 27/ class:text class:City] </label></div>
    <div><label>St.
    [text* State 2/ class:text class:State]</label></div>
    <div><label>ZIP
    [text* Zip 12/12 class:text class:Zip]</label></div>
    </div><div class="onerow">
    <div><label>City
    [text* City 27/ class:text class:City] </label></div>
    <div><label>St.
    [text* State 2/ class:text class:State]</label></div>
    <div><label>ZIP
    [text* Zip 12/12 class:text class:Zip]</label></div>
    </div><div class="onerow">
    <div><label>City
    [text* City 27/ class:text class:City] </label></div>
    <div><label>St.
    [text* State 2/ class:text class:State]</label></div>
    <div><label>ZIP
    [text* Zip 12/12 class:text class:Zip]</label></div>
    </div>'

  5. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Can you share the URL of the form page? Let me check the actual output.

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

Tags