WordPress重力形式对齐

Question

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

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>

Answer 1

对于每个字段，您对 Gravity Forms 有哪些选择？您可以为字段指定自定义 class 吗？如果是这样，下面的 css 应该有效：

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

然后您可以将此 "custom-class" 添加到您希望标签和输入彼此相邻的每个字段。如果没有选项，我们可以选择另一种方法（使用您提供的 URL）每个字段都有一个 ID，因此我们可以（乏味地）使用下面的规则，为您在中看到的每个 ID 添加一个新的选择器页面：

首先是头：

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

然后是正文：

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

这只会将规则应用于 ID 为 "field_6_60"

的字段

如果您需要添加 "field_6_61"，您只需再次将选择器添加到上述规则中：

首先是头：

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

然后是正文：

#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 注意在每个逗号后加上一个逗号（最后一个除外！）

WordPress重力形式对齐

WordPress Gravity Forms Alignment

forms

wordpress

inline

alignment

gravity