Question

我在单品页面上有一个添加到购物车按钮，我想改变它的外观。我不想更改我网站上的其他按钮。

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: #f2a700 none repeat scroll 0 0 !important;
    border: 2px solid #f2a700;
    color: #fff !important;
    margin-top: -4px;
    width: 57%;
}

Answer 1

使用每个WooCommerce 单品页的single-product标记中包含的<body>类：

<强> CSS

.single-product .single_add_to_cart_button {

    /* Style your button here */

}

Woocoomerce只更改单个产品页面按钮css

1 个答案: