小编Ben*_*min的帖子

联系表格7-同一行上有多个文本字段

我正在使用联系表7来设计酒店的预订表。

http://istanabalian.com/book/

我不知道如何自定义布局。我希望某些文本字段显示在同一行上,但是我找不到元素的正确标识和/或用于实现此非常简单目标的CSS样式。

这是代码:

<div id="responsive-form" class="clearfix">

<label> Your Name (required)
    [text* your-name] </label>

<label> Your Email (required)
    [email* your-email] </label>

<label> Arrival date
[date date-79 id:Arrivaldate date-format:mm/dd/yy] </label>

<label> Departure date
[date date-80 id:Departuredate date-format:mm/dd/yy] </label>

<label> How many guests?
    [text your-guests] </label>

<div class="form-row">
       <p>Number of adults [text your-adults]</p>
       <p>Number of children under 6 years old [text your-little-children]</p>
       <p>Number of children under 12 years old [text your-big-children]</p>
</div>

Select your preferred accomodation
    [checkbox your-accomodation use_label_element "Wayan (Two-story villa)" …
Run Code Online (Sandbox Code Playgroud)

css wordpress form-layout contact-form-7

5
推荐指数
2
解决办法
3万
查看次数

标签 统计

contact-form-7 ×1

css ×1

form-layout ×1

wordpress ×1