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