【问题标题】:How do I center this Add to Cart button on WooCommerce Product Page?如何在 WooCommerce 产品页面上将此“添加到购物车”按钮居中?
【发布时间】:2021-10-04 07:14:18
【问题描述】:

我今天不得不放弃这家 WooCommerce 商店,但我无法将“添加到购物车”按钮居中。我已经尝试了几个代码 sn-ps,但老实说,我只是无法确定为该按钮调用哪个 CSS 类。谁能引导我朝着正确的方向前进?

这是一个可供查看的测试产品页面 - https://magzsports.com/product/redford-logo-yellow-shirt/

使用带有 Evanto 的 Flatsome 主题的 WordPress。 WooCommerce 是后端商店。

【问题讨论】:

    标签: css wordpress woocommerce


    【解决方案1】:

    ¿“添加到购物车按钮”是自定义的吗?有很多代码我不知道那里在做什么(禁用条纹按钮?表单?) 清理代码后,我只是为每个元素添加了一个类,以查看是否有什么导致冲突(购物车现在称为 carrito,返回按钮现在只是“返回”,输入按钮是“inputo”)并添加了以下代码:

    .carrito {
        text-align: center;
    }
    

    这就是我的样子。

    【讨论】:

    • 感谢您的帮助。代码不是自定义的。它来自 WooCommerce 插件。我想清理它,但我不一定知道这是怎么回事
    猜你喜欢
    • 2018-03-05
    • 2014-11-11
    • 2015-01-15
    • 2021-07-11
    • 2021-06-09
    • 1970-01-01
    • 2014-11-21
    • 1970-01-01
    • 2015-05-24
    相关资源
    最近更新 更多