css - 如何在 Woocommerce 中的表单和提交按钮之间添加空格?

标签 css woocommerce

我试图在表单和图像中显示的按钮之间留出 20px 的空间:

See Image

您可以通过以下链接访问该页面:https://kamadob10.eu/my-account/account-information/

使用此登录信息:[email protected]/示例.102938

我一直在尝试定位表单的上部字段集,但它不起作用。我找不到我的错误是什么:

.woocommerce-EditAccountForm edit-account fieldset {
margin-bottom: 20px;
}

如果有人能帮助我解决这个问题,我将非常感激。我对 CSS 还很陌生。谢谢!

最佳答案

试试这个代码,

 button.woocommerce-Button.button {
        margin-top: 20px !important;
    }

或仅用于此页面,

.page-id-545 button.woocommerce-Button.button {
    margin-top: 20px;
}

关于css - 如何在 Woocommerce 中的表单和提交按钮之间添加空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61310476/

相关文章:

jquery - Bootstrap col-md-12、col-sm-12 不适用于 bootstraps selectpicker

php - 根据 Woocommerce 中的特定产品属性值更改购物车商品价格

PHP:按项目元(数组内的数组)对数组(woocommerce 项目)进行排序

css - 如何在 Django 1.4 中为本地开发提供静态文件

javascript - 窗口加载选择div并淡出

jquery - 打开和关闭容器 (div)

javascript - 如何添加复选框以在不使用优惠券的情况下扣除一定比例?

css - Twitter 小部件在移动设备上显示得太宽

javascript - Woocommerce 产品选项有条件

php - 获取 Woocommerce 中特定产品属性值的所有产品变体