Updating Product Rating Style Across Collections/Featured Collection & Product Page

[jordanbford1]

Hi! I a trying to update the style of how Product Ratings display across my collections/featured collections and product page. I do have a ratings app but would love to customize the built in Product rating feature to my trade theme. Can anyone help tell me how to make these cosmetic changes to the collections pages/lists and product page?

Collections/Featured Collections -

It currently looks like this: (Link)

I am trying to get it to look like this: (Link)

• stars less spaced out, font is lato, no () around number, #363636 color, bolder font weight.

Product Page -

Currently looks like: (link)

Trying to get it to look like: (link)

Again, stars normally spaced, remove () around number and adding Reviews to end, under lining and heavier font wright the review count/reviews, #363636 color.

[Asad-Mahmood]

Use this code in theme.liquid before closing tag

[jordanbford1]

@Asad-Mahmood It did not seem to work fully. Can you check the collections pages and featured collections and product pages I linked above? I left the code published for you to see.

[diego_ezfy]

Hey @jordanbford1 ,

I hope you’re doing well!

1. From your Shopify Admin go to online store > themes > … > edit code
2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
3. paste this code right above the tag:

Update the #000 to whatever HEX color you wish!

I hope this helps! If you have any further questions or need additional assistance, feel free to let me know. Wishing you a great day ahead.

Best,
Diego