在 Woocommerce 评论星中更改颜色和间距

Question

有谁知道我可以使用什么 CSS 代码来更改评论星星的颜色并 space 它们之间的距离更远？

我有下面的代码，但它只改变了轮廓颜色

.product .star-rating span:before,
.product .star-rating:before {
    color: #FF0000;
}

我要添加什么代码来完成整个事情，还要 space 它们分开一点？

谢谢！

Answer 1

您可以使用以下 css 规则来更改评分星的颜色。

p.stars.selected a.active:before, p.stars:hover a:before, p.stars.selected a:not(.active):before, p.stars.selected a.active:before{color:#ff0000!important;}

#ff000 用于上述规则将使显示为红色。将其更改为他想要的颜色值。

使用以下 css 来分隔星星。

p.stars a{margin-right:5px!important;}

将 5px 更改为您想要使用的任何值。

希望对您有所帮助。

Answer 2

以下应将颜色更改为 #FF0000 并在评分星之间添加 1px 间距：

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

已测试并有效

在 Woocommerce 评论星中更改颜色和间距

Change color and spacing in Woocommerce review stars

css

wordpress

woocommerce

product

rating