【问题标题】:How to allign "Add to Cart" button in Woocommerce?如何对齐 Woocommerce 中的“添加到购物车”按钮?
【发布时间】:2018-02-24 21:39:13
【问题描述】:

我的 Woocommerce 商店有小问题。我在 Woo 3.3.3 更新后修复了不同的图像大小,但按钮似乎错位了。那么如何让这一切都对齐呢?示例 URL here

我试过这个:

.woocommerce ul.products li.product .button {
margin-top:30px;
}

但正在向下移动所有按钮,而不仅仅是未对齐的按钮。帮忙?

【问题讨论】:

    标签: css wordpress woocommerce


    【解决方案1】:

    在您的活动主题 style.css 中添加样式。

    ul.products li.product h3, .woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-page ul.products li.product h2.woocommerce-loop-product__title{
            min-height: 38px !important;
            max-height: 40px !important;
    }
    

    【讨论】:

    • 感谢您的回答。将您的 CSS 添加到自定义 CSS 中并保存。仍然看到这个:i.stack.imgur.com/LjY3m.png 你能检查一下吗?
    • 您在网站上方应用此样式。对吗?
    • 您好像错过了一个} 用于媒体查询。
    • 不,知道什么,添加到自定义> 自定义 CSS,现在可以使用。从主题集成的 CSS 编辑器似乎无法正确解析。坦克。你的答案是正确的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-09-30
    • 2018-10-30
    • 1970-01-01
    • 2012-08-30
    • 1970-01-01
    • 1970-01-01
    • 2018-05-08
    相关资源
    最近更新 更多