WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Rahmspinat
    Member
    Posted 1 year 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 1 year ago #

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

    No problem with this.

  3. Rahmspinat
    Member
    Posted 1 year 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 1 year 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 1 year 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

About this Topic

Tags