Rating: Dots instead of Stars

Hi there

I would like to modify the display of the rating stars from “stars” to simple “dots”.

I tried to modify the CSS (by adding a custom CSS in Woodmart):

content: "\f149";

I tried several codes but can’t find a “dot” icon. Do you probably know the code for a dot-icon in FontAwesome?

Many thanks
-a

Hi,

Where do you want to change the stars icon? Please share the screenshot and page URL so I will give you the custom CSS code.

Best Regards.

Hi there,

Many thanks. Attached you can see the stars from reviews where I would like to change the shape with a FontAwesome “dot”-icon.

Thank you so much.

Best
-a

Attachments:

You must be logged in to view attached files.

Hi,

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

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

1. Font family in the 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 the following Unicode for grey (empty) stars.

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

3. Change the following Unicode for yellow stars.

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

Best Regards

[Author]

Posts