如何在WooCommerce中更改S的评论评分? [英] How do I change the review ratings from S's in WooCommerce?

问题描述

如何在WooCommerce中将评论评分的图像从当前的"S"更改为实际的星级图像?
经过良好的Google搜索后，我尝试了以下操作:用WooCommerce明星替换主题评分
但这是行不通的.只是将S更改为小盒子.

How do I change the image of the review ratings in WooCommerce from the current 'S' to actual star images?
After a good Google search, i've tried this: Replace theme ratings with WooCommerce stars
But it doesn't work. It just changes the S's to small boxes.

当前CSS:

.woocommerce .star-rating {
    float:right;
    overflow:hidden;
    position:relative;
    height:1em;
    line-height:1;
    font-size:1em;
    width:5.4em;
    font-family: HelveticaNeue-Light, Helvetica Neue Light;
}
.woocommerce .star-rating:before {
    content:"\73\73\73\73\73";
    color:#d3ced2;
    float:left;
    top:0;
    left:0;
    position:absolute;
}
.woocommerce .star-rating span {
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em;
}
.woocommerce .star-rating span:before {
    content:"\53\53\53\53\53";
    top:0;
    position:absolute;
    left:0
}

推荐答案

在CSS中使用它:

.woocommerce .star-rating span {
   font-family:star;
}

这篇关于如何在WooCommerce中更改S的评论评分?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！