Star Rating Not Centered for Rated Products

Hi WoodMart Team,

I hope you’re doing well. I’ve added the following CSS to center the stars in the star-rating section:

.star-rating {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
The stars are properly centered for unrated products, but for rated products, the stars are not aligning correctly. I’ve attached an image showing the issue.

Could you guide me on how to ensure that the stars for rated products are also centered?

Thank you in advance for your help!

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I will check and give you a possible solution?

Best Regards

[koraybesirli]

Hello,

I have removed the CSS codes I previously added, as I was unable to center the rating stars using CSS. I would like the stars to be centered on the pages listed below.

I have also provided the site login details for further investigation, and I have attached images showing where I would like the stars to be centered.

Here are the URLs where I want the stars to be centered:
https://uzmaneczanem.com/?s=gunes+kremi&post_type=product
https://uzmaneczanem.com

Best regards,
Koray Besirli

• This reply was modified 3 days, 16 hours ago by koraybesirli.

Attachments:

You must be logged in to view attached files.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-product .star-rating {
    align-self: center;
}

Best Regards

[Author]

Posts