如何修改WooCommerce购物车下拉菜单中“查看购物车”及计数器的颜色?
解决方案
- 登录WordPress后台,进入外观 > 自定义 > 额外CSS
- 将以下代码粘贴到额外CSS输入框中,保存更改即可:
/* 修改购物车计数器文字颜色为黑色 */ .header-cart .cart-count { color: #000000 !important; } /* 修改购物车下拉菜单中"查看购物车"文字颜色为黑色 */ .header-cart .widget_shopping_cart .buttons a.button.wc-forward { color: #000000 !important; }
代码说明:
.header-cart .cart-count定位到购物车图标旁的计数器元素,color: #000000设置文字为纯黑色,!important确保覆盖主题默认样式.header-cart .widget_shopping_cart .buttons a.button.wc-forward定位到下拉菜单底部的“查看购物车”链接,同样设置文字颜色为黑色
如果需要调整颜色深浅,可将#000000替换为其他十六进制颜色码(比如深灰色#333333)。
内容的提问来源于stack exchange,提问作者Insomniac Sammie
相关产品推荐
相关产品推荐

