Rearrange text fields

  • Suddenly the email text box is showing the title “email” at left instead of at top like the other fields. How can we get the email field to show exactly as the other fields?

    The code is:
    <div class=”form-group row”>
    <div class=”col-xs-12 col-md-6″>
    <label>Fornavn*</label>
    [text* first-name class:input-text first-name]
    </div>
    <div class=”col-xs-12 col-md-6″>
    <label>Efternavn*</label>
    [text* last-name class:input-text last-name]
    </div>
    </div>

    <div class=”form-group”>
    <label>E-mail*</label>
    [email* email]
    </div>

    <div class=”form-group”>
    <label>Emne</label>
    [text subject class:input-text your-subject]
    </div>

    <div class=”form-group”>
    <label>Besked*</label>
    [textarea your-message]
    </div>

    <div class=”form-group clearfix”>
    <p>[submit “Send besked”]</p>
    <b>*Denne form er beskyttet af Google Recaptcha</b>

    </div>

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • This is likely due to styling included in your current WP theme or one of the plugins you are using.

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.
Viewing 1 replies (of 1 total)
  • The topic ‘Rearrange text fields’ is closed to new replies.