css - 重力形式 - 组织条件逻辑,带分节符的两列布局

标签 css wordpress e-commerce customization gravity-forms-plugin

我正在使用 Gravity Forms 为餐厅创建一个在线订购系统。菜单上的大多数菜单选项都可以选择不同的附加组件或选项。

我已将菜单项配置为单选按钮,因此单击它们后会打开一个部分,您可以在其中选择所需的选项。我有几行两两的菜单项,还有几行三乘三的菜单项。

我遇到的问题是,当打开选项部分时,它们会重叠打开。我希望他们留在与其链接的菜单项下方的列中。

这是否可以使用标准重力形式,或者我是否需要进行一些 CSS 修改?如果可以,怎么办?

最佳答案

您需要对 CSS 进行一些修改。我所做的是删除所有默认重力形式样式并将元素更改为 HTML5。这些都在设置中,然后您可以重新创建表单样式。

这个 github 是一个非常棒的资源,它有你需要的一切来帮助你设计样式。

https://github.com/thatryan/gravity-forms-sass

关于css - 重力形式 - 组织条件逻辑,带分节符的两列布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37998175/

相关文章:

javascript - 打开具有不同 HTML 内容的打印对话窗口

php - 添加类 current_page_item

javascript - 如何将 "shrink wrap"周围的 div float 为子级

javascript - 如何在 Wordpress 中创建添加以进行比较?

jquery css 属性顶部和左侧不起作用

javascript - 删除在 CSS 文件中设置的 CSS 属性(不是内联 CSS)[jQuery]

CSS 子选择器在 ie9 上不起作用

wordpress - Docker 将 wordpress 从 HTTP 更改为 HTTPS

wordpress - wordpress定制器中的菜单面板

mysql - 电子商务数据库中产品组的制作方法