How can I modify text color in Shopify Reviews app?

Store Design
1

Hi all! I am using the Shopify Reviews app, and I am having trouble figuring out why the page numbers and ‘next’ links are not following my color scheme. They are supposed to be orange instead of the default blue. I am using the Refresh theme.

Screen Shot 2022-10-13 at 10.42.42 AM.png
Screen Shot 2022-10-13 at 10.42.42 AM.png1163×285 12.5 KB

Any help is appreciated! Thank you!

2

Hey there,

Please share your website link, preferably the URL of a page that contains the reviews section.

The solution for this can be to adjust the anchors color through custom CSS.

Cheers!

3

Hi! Thank you for your help. Here is the link to the product page: https://letsgoyumcha.com/products/lets-go-yum-cha

4

Adding the below CSS code at the end of your base.css file should address your issue.

.spr-pagination a {
  color: #fb8500 !important;
}

GabrielS_0-1665697376833.png
GabrielS_0-1665697376833.png1478×361 12.9 KB

Let me know if this fixed your issue.

Kind regards,

Gabriel

5

Hi Gabriel- thank you for your solution! I added it to the bottom of base.css, but I don’t think it did anything.

6

Hi @alisterfelix

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

.spr-pagination-page.is-active, a{ color: #fb8500 !important; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

Hope that my solution works for you.

Best regards,

Richard | PageFly

1 Like
7

It works!! thank you!

1 Like
8

I’m glad to help you @alisterfelix :wink:

9

I had a quick look and it seems that you’ve added the snippet I’ve provided wrongly.

Please add it at the very end, not within the @media (forced-colors: active) query.

Once you add the CSS snippet, your base.css file will have only one closing bracket ‘}’ at the end.

Cheers!