different fields in the same row

  • lkdstudio

    (@lkdstudio)


    10 years, 2 months ago

    Good morning i have this field:

    Adulti: [number* your-number min:10 max:99 step:1 class:required “0”]
    Bambini: [number* your-number min:10 max:99 step:1 class:required “0”]
    Animali: [number* your-number min:10 max:99 step:1 class:required “0”]

    Like this every field are in a different rows….i would like to have these three fields in the same row.

    How i can make it?

    Thanks

    dt

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

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    10 years, 2 months ago

    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>

    Added to Form section of CF7 interface. tags 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

    May not work with HTML5 type Number which has only limited browser support – see http://www.wufoo.com/html5/types/7-number.html

Viewing 1 replies (of 1 total)
  • The topic ‘different fields in the same row’ is closed to new replies.

Tags