如何更改Woocommerce Review图标

时间:2017-11-28 21:14:37

标签: css woocommerce review

嘿,我需要更改Woocommerce Review系统中的图标。  模板 - Flatsome。 到图标图像。 我想改变:

`content: '\e005\e005\e005\e005\e005';`

类似

`content: '\(img)\(img)\(img)\(img)\(img)';`

How can i change this - image

`.stars a {
    font-size: 16px;
    margin-right: -10px;
    display: inline-block;
    color: transparent !important;
    overflow: hidden;
    font-family: 'fl-icons';
}
.stars a.star-5:after {
    content: '\e005\e005\e005\e005\e005';
}
`

任何帮助?

2 个答案:

答案 0 :(得分:0)

您可以删除内容并使用背景图片。

.stars a.star-5:after {
    content: '';
    background-image: url();
    display: block;
    width: x;
    height: x;
}

` 或者创建自己的webfont,并覆盖font-family。

答案 1 :(得分:0)

我通过在iconmoon中创建图标来解决这个问题, 像这样 内容:' \ e005 \ e005 \ e005 \ e005 \ e005&#39 ;; * e005(新图标编号)