Wpforms 是一款非常简单易用的表单构建插件,通过它我们能够直观的拖拉操作,就可以创建非常美观实用的在线表单。Wpforms 可以创建各种各样的表单,包括联系表单、注册表单、电子邮件订阅表单、付款表单和询价表单等等。
在使用 Wpforms 创建表单时,默认是单列式布局方式,每行一个字段内容。
如果想要设置单行双列式布局表单,我们可以在字段高级选项中进行设置。首先选中表单字段,然后在左侧字段选项中选择“高级”,然后在下面的 CSS 类选择两列布局,然后选择左侧列即可。接下来,在右侧表单中选中下一个字段,然后在高级设置的 CSS 类中选择右侧列。
经过上面的步骤,就完成了两列布局设置。但是在设置后,如果预览表单内容,经常会发生双列布局表单无法点选,也无法输入内容的情况。但是下方的单列布局字段,可以正常的选择和输入内容。
解决这个问题的方法非常简单,只需要导航到仪表盘->外观->自定义->额外 CSS 中,然后添加下面的自定义 CSS 规则即可:
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容