2017-05-11 62 views
2

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

+0

你的链接有一个500错误。如果您修复链接或在此发布一些代码,那么我们可以帮助您。 –

回答

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 --> 
+0

谢谢Jasraj!我花了一段时间才弄清楚如何更正HTML代码,但是我发现我可以添加一个带有修改过的代码的HTML Content Box,然后删除旧的代码。有效!有没有更容易或更好的方式来修改HTML? – user3241965