How can I alter the font color in Ryviu?

Topic summary

A user seeks to change the font color in the Ryviu product reviews app on their Shopify store.

Solution Provided:
A community member shares CSS customization steps:

  • Navigate to Shopify Admin → Online Store → Edit Code
  • Locate the base.css file
  • Insert custom CSS targeting Ryviu review elements (.v2-r--header and .v2-r--rateList)
  • Adjust color values as needed (example uses red)

Outcome:
The solution initially works, but the user discovers the color change only applies to one product page. Upon review, they realize they mistakenly added the code to theme.css instead of base.css, which may explain the limited application. The issue appears resolved once the correct file location is identified.

Note: Screenshots were shared showing the code implementation and results, though specific CSS syntax details are partially obscured in the conversation.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hello, :cowboy_hat_face:

how to change the font color of Ryviu?

Website: https://tudoconexao.com

1 Like

Hi @Dawenn

I’m Dan from Ryviu: Product Revies & QA app.

Could you explain a little more about your request? You can also discuss your request via live chat in your Ryviu dashboard so we can help you

1 Like

Hi @Dawenn ,

Please follow these instructions:
Go to Shopify admin => Select Online Store => Select Edit Code

Find the base.css file in your css file. Insert this code there:

I’m currently using red, you can adjust the color to your liking:

.header-v2 .r--rateList .count-percent {
    color: red !important;
}

.header-v2 .r--header {
    color: red !important;
}

Result:

Hope it helps @Dawenn

1 Like

Worked perfectly! Thank you, you saved me :grin:

Hi, I noticed something now, this font change only occurred on one product, how do I put it on all of them? And I don’t have this base.css, I put the code in theme.css

Edit: Forget it, I realized the mistake now :clown_face: