Title: Rearrange text fields
Last modified: December 28, 2018

---

# Rearrange text fields

 *  [miniradio](https://wordpress.org/support/users/miniradio/)
 * (@miniradio)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Frearrange-text-fields%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/rearrange-text-fields/#post-11033925)
 * This is likely due to styling included in your current WP theme or one of the
   plugins you are using.
 * See [Styling Contact Form](https://contactform7.com/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](https://developers.google.com/web/tools/chrome-devtools/css/)
       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](https://www.proteusthemes.com/blog/additional-css-wordpress-customizer/),
       [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css)
       or [child theme](http://wplift.com/customise-wordpress-child-theme).

Viewing 1 replies (of 1 total)

The topic ‘Rearrange text fields’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/rearrange-text-fields/#post-11033925)
 * Status: not resolved