wordpress重力形式下拉菜单重叠字段标签

时间:2017-05-11 02:41:39

标签: css wordpress

我在Wordpress Gravity Form中使用标准字段下拉菜单。出于某种原因,下拉菜单(表单中的最后一个字段)一直延伸到容器框的左侧,而不是像表单中的所有其他字段一样清除字段的标签。我已尝试在字段的自定义CSS类中重写样式设置,但没有任何运气。有人可以帮助理顺吗?这是实时页面:https://aicolympic.org/wocf-reservations/

1 个答案:

答案 0 :(得分:1)

简答: 您错过了持有下拉菜单的容器中的ginput_complex类。

答案很长: AICO俱乐部会员资格的菜单'设置为通过.sbHolder类使用100%宽度。要覆盖它,您需要将ginput_complex类添加到容器中,这将为其提供适当的宽度和余量。您已经为其他字段执行此操作(例如:姓名,地址)。

在:

<div class="ginput_container ginput_container_select">

后:

<div class="ginput_complex ginput_container ginput_container_select">

整个字段将如下所示:

<li id="field_3_13" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
<label class="gfield_label" for="input_3_13">AICO Club Membership<span class="gfield_required">*</span>
</label>
<div class="ginput_complex ginput_container ginput_container_select">
<!-- SELECT GOES HERE -->
相关问题