woocommerce 更改评级星星颜色和间距

[Kom Chang]

使用WOOCOMMERCE产品评论的时候，默认的选择星级背景色比较暗，当用户点击上去以后对比不太突出，容易让人感觉好像没有选择上。

下面应该把颜色改为#FF0000 或者#ffbf00，并在评级星星之间增加1px的间距。

这个可以直接在Appearance-edit css-additional css中加上一段css代码，代码如下：

.woocommerce p.stars a.active{
background: yellow!important;
}

.star-rating span:before,
.star-rating::before,
p.stars a:hover:after,
p.stars a:after {
color: #ffbf00 !important;
letter-spacing: 1px;
}

如果不想改变间距，去掉 letter-spacing: 1px; 即可。

[作者]

帖子