Wpforms 一行两列布局表单无法点击和输入解决方法

Wpforms 是一款非常简单易用的表单构建插件,通过它我们能够直观的拖拉操作,就可以创建非常美观实用的在线表单。Wpforms 可以创建各种各样的表单,包括联系表单、注册表单、电子邮件订阅表单、付款表单和询价表单等等。

在使用 Wpforms 创建表单时,默认是单列式布局方式,每行一个字段内容。

Wpforms 一行两列布局表单无法点击和输入解决方法
默认为单列式布局

如果想要设置单行双列式布局表单,我们可以在字段高级选项中进行设置。首先选中表单字段,然后在左侧字段选项中选择“高级”,然后在下面的 CSS 类选择两列布局,然后选择左侧列即可。接下来,在右侧表单中选中下一个字段,然后在高级设置的 CSS 类中选择右侧列。

Wpforms 一行两列布局表单无法点击和输入解决方法

经过上面的步骤,就完成了两列布局设置。但是在设置后,如果预览表单内容,经常会发生双列布局表单无法点选,也无法输入内容的情况。但是下方的单列布局字段,可以正常的选择和输入内容。

Wpforms 一行两列布局表单无法点击和输入解决方法

解决这个问题的方法非常简单,只需要导航到仪表盘->外观->自定义->额外 CSS 中,然后添加下面的自定义 CSS 规则即可:

.wpforms-container .wpforms-field { position: inherit; }

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/wpforms-2-columns-layout-not-clickable/

(0)
上一篇 2022年11月13日 下午12:25
下一篇 2022年11月14日 下午7:12

相关推荐

发表回复

登录后才能评论