How to increase the size of product star rating

Hello,

on the product page the size of the star rating and the text next to it (“xxx customer reviews”) is for my taste way too small (13px) and is not affected by the font size settings of the theme. How to increase it?

Thanks in advance!
Best regards.

Hello,

Please provide the screen and product page URL, I will check if it is possible with custom CSS.

Best Regards

Hello,

since I am still working on a local environment without access from outside, I set up a sample product page here based on the Handmade template.
It look basically the same on my local page.
Both stars and the font next to it are 13px, I was aiming for at least 16px throughout the page.

Admin credentials are in the private field.

Thanks!

Hello,

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

.single-product-page .star-rating,
.single-product-page .star-rating span:before {
font-size: 16px;
}
.single-product-page .star-rating {
  width: 85px
}

Best Regards

Hello,

the CSS code indeed increased the size of the stars, but in the same time it biased the user rating (how much is “painted” in yellow). As you can see in the snapshot below after applying the CSS the rating shows higher value than the real one.

How to solve that?

Best regards.

Attachments:

You must be logged in to view attached files.

Hello,

We are checking the code once again and see how it works at our side:

https://prnt.sc/stj4ap

https://prnt.sc/stj3sz

https://prnt.sc/stj11a

https://prnt.sc/stj1ly

https://prnt.sc/stj248

Please send your screen and if you have modified the custom CSS, show what did you do?

Best Regards

I am sorry, my bad.
I was trying to increase the size a bit more and obviously only played around with the font size but neglected the width.
Would you be so kind to elaborate to what values the width needs to be set to reflect for instance font size of 18px or even 20px?

Thanks in advance!
Best Regards.

Hello,

18*5=90 you you should take 90 or 100

20*5=100 take 110 or 120

Best Regards

Perfect, thanks.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts