Puting two textareas on the same line

  • chti56

    (@chti56)


    9 years, 6 months ago

    Hi,

    I’m testing this very usefull plugin…
    I put two input fields on the same line without problem – however i can’t see how to put extra spaces between these two text areas..
    If i put extra spaces (ie.10 spaces) it’s as if i put only 1 space…

    Can somebody help ?

    Thanks

    https://wordpress.org/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Neil Murray

    (@buzztone)

    9 years, 6 months ago

    Extra spaces are ignored in HTML. For a quick & dirty solution you can use  .

    I use Ordered List elements to display multiple fields on single line.

    HTML:

    <ol class="singleline">
<li> <label for="cf7-phone">Phone</label> [text cf7-phone 15/]</li>
<li> <label for="cf7-mobile">Mobile</label> [text cf7-mobile 15/]</li>
</ol>

    Added to Form section of CF7 interface. Labels are added for improved accessability.

    CSS:

    .wpcf7-form .singleline ol {
list-style: none;
margin: 0;
}

.wpcf7-form .singleline li{
display: inline-block;
float: left;
margin-right: 10px;
padding-right: 10px;
}

    Added to Child Theme style.css​​

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    Thread Starter chti56

    (@chti56)

    9 years, 6 months ago

    Many thanks for your help.
    I’ll try this solution.

    Rgds

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Puting two textareas on the same line’ is closed to new replies.