WordPress重力形式对齐

时间:2017-01-02 11:33:40

标签: wordpress forms alignment inline gravity

有人知道如何在输入字段之前获取表单的标签吗?

http://agathon.nl/arbeidsmarkt-jobhunting-jobsearch-jobhunter/

在“Checklist werk *”下方,标签需要位于输入字段的前面。

<li id="field_6_60" class="gfield gf_left_half field_sublabel_below field_description_below"><label class="gfield_label" for="input_6_60_shim"></label><div class="ginput_container ginput_container_list ginput_list"><input type="text" id="input_6_60_shim" style="position:absolute;left:-999em;" onfocus="jQuery( &quot;#field_6_60 table tr td:first-child input&quot; ).focus();"><table class="gfield_list gfield_list_container"><colgroup><col id="gfield_list_60_col_1" class="gfield_list_col_odd"><col id="gfield_list_60_col_2" class="gfield_list_col_even"></colgroup><thead><tr><th>Taken in functie?</th><th>&nbsp;</th></tr></thead><tbody><tr class="gfield_list_row_odd gfield_list_group"><td class="gfield_list_cell gfield_list_60_cell1" data-label="Taken in functie?"><input type="text" name="input_60[]" value="" tabindex="50"></td></tr></tbody></table></div></li>

1 个答案:

答案 0 :(得分:0)

对于每个字段,您使用Gravity Forms有哪些选项?你能为字段指定一个自定义类吗?如果是这样,下面的CSS应该有效:

.custom-class {
    width: 50%;
    float: left;
    display: block;
}

然后你会添加这个&#34;自定义类&#34;到你想要标签的每个领域&amp;输入彼此相邻。如果没有选项,我们可以选择另一种方法(使用您提供的URL),每个字段都有一个ID,这样我们就可以(繁琐地)使用下面的规则,为您在页面中看到的每个ID添加一个新选择器:

首先是thead:

#field_6_60 .gfield_list.gfield_list_container thead {
    display: block;
    width: 50%;
    float: left;
}

然后是tbody:

#field_6_60 .gfield_list.gfield_list_container tbody {
    display: block;
    width: 50%;
    float: left;
}

这只会将规则应用于具有ID&#34; field_6_60&#34;的字段。

如果您需要添加&#34; field_6_61&#34;您只需将选择器再次添加到上述规则:

首先是thead:

#field_6_60 .gfield_list.gfield_list_container thead, #field_6_61 .gfield_list.gfield_list_container thead  {
    display: block;
    width: 50%;
    float: left;
}

然后是tbody:

#field_6_60 .gfield_list.gfield_list_container tbody, #field_6_61 .gfield_list.gfield_list_container tbody {
    display: block;
    width: 50%;
    float: left;
}

然后,您可以通过包含字段ID和选择器来继续添加字段,如上所示,例如#field_6_60 .gfield_list.gfield_list_container tbody 小心地在每个之后加一个逗号(除了最后一个!)

相关问题