我在单一产品 页面上有一个添加到购物车 按钮,我想改变它的外观。我不想更改我网站上的其他按钮。
.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%;
}
最佳答案
使用 single-product
包含在 <body>
中的类每个 WooCommerce 单个产品页面的标签:
CSS
.single-product .single_add_to_cart_button {
/* Style your button here */
}
关于css - Woocommerce 仅更改单个产品页面按钮 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37592885/