New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change Format of Product Review Stars on Collection Pages (Dawn 10.0 Theme)

Solved
bet
Shopify Partner
110 8 31

review-stars-color.png

 

I would like to make the black review stars that are on my collection pages to be bigger and closer together. I do not want these changes to impact the yellow review stars that are on my product pages as those are created by a separate review app.

What are the css / html adjustments needed for this change on my Shopify Dawn 10.0 theme at my website:


BuyExcelTemplates.com


Thank you.

I use Shopify to sell Digital Downloads ❤️
• Top Rated Excel Templates
• Find your perfect Spreadsheet

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

This is an accepted solution.

Hi @bet 

Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom and save file 

.card-wrapper .rating-star {
    --letter-spacing: 0 !important;
    --font-size: 1.6 !important;;
}

Screenshot 2023-10-20 at 10.42.52.png

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 3 (3)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

This is an accepted solution.

Hi @bet 

Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom and save file 

.card-wrapper .rating-star {
    --letter-spacing: 0 !important;
    --font-size: 1.6 !important;;
}

Screenshot 2023-10-20 at 10.42.52.png

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

bet
Shopify Partner
110 8 31

Done, thanks @Dan-From-Ryviu , works perfect! 

I use Shopify to sell Digital Downloads ❤️
• Top Rated Excel Templates
• Find your perfect Spreadsheet

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

You are most welcome, @bet 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now