Replace the review stars with another icon

Hi there!

I need to replace the star icon of the reviews with another icon, how can I do that?

Thank you

Hello,

I am afraid we do now a quick solution for this case. These icons are interactive, they are not just an image.

Best Regards

Thank you for the fast reply!

I got a third developer who is willing to do this! but he needs more information from you guys on how and where these stars are located in the theme? can you help me with this

Thank you

Hi,

Star rating icons are created with icon font. That mean to replace those icons you need to change:

1. Font family in following CSS selector to your own custom font family (or any other icon font like Font Awesome)

.star-rating {
    font-family: woodmart-font;
}

2. Change following Unicode for grey (empty) stars.

.star-rating:before {
    content: "\f149" "\f149" "\f149" "\f149" "\f149";
}

3. Change following Unicode for yellow stars.

.star-rating span:before {
    content: "\f148" "\f148" "\f148" "\f148" "\f148";
}

Best Regards

[Author]

Posts