The product ratings do not display the star shapes correctly

Hello Sir,

The product ratings do not display the star shapes correctly on both computers and mobile phones.
The recently product review is put on the sidebar.
The 5 five stars were replaced by 5 “S'”…
Pls check with the attached photos to see my setting and the result…

Could you hlep?

Tks!

Attachments:

You must be logged in to view attached files.

Hello,

Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

Hello Sir,

Pls check with my data…

Thank

Hello,

May I check how it works on the default theme?

Thank you for your time.

Kind Regards

Hello sir,

Pls see my reply in extra information…
If you need any other information, pls let me konw.

Tks!

Attachments:

You must be logged in to view attached files.

Hello,

Yep, I understood. The thing is that the widget that you defined in Gutenberg is not related to our theme so please confirm the permission for changing the theme for testing the issue.

Kind Regards

Hello Sir,

I have made the backup already…
You are free to testing…

Tks!

Hello,

Define the code below in the “Global Custom CSS” area in Theme Settings -> Custom CSS, then clear the cache and check how it works.

.wc-block-review-list .wc-block-review-list-item__rating__stars span:before {
    content: "\f148" "\f148" "\f148" "\f148" "\f148" !important;
    color: #EABE12 !important;
}

.wc-block-review-list .wc-block-review-list-item__rating__stars {
    font-family: "woodmart-font" !important;
}

.wc-block-review-list .wc-block-review-list-item__rating__stars:before {
    content: "\f149" "\f149" "\f149" "\f149" "\f149" !important;
    opacity: 1 !important;
}

Kind Regards

Hello sir,

Your CSS are workable…
My problem is settle already!

Thank you very much!

Hello,

Thank you for confirming that the issue has been resolved. I’m glad to hear that the provided CSS solution worked for you. If you have any further questions or need additional assistance in the future, please don’t hesitate to reach out.

Thank you for your cooperation.

Kind Regards

[Author]

Posts