refresh theme - modify background color of widget

[Edgard22]

Hi, 

I've installed review application on my website : www.brasebreizh.fr 

link where reviews are : https://brasebreizh.fr/products/beret-en-laine 

app : https://apps.shopify.com/product-review-myappgurus?locale=fr&search_id=983dc173-4906-480d-a1be-458d6... 

I would like to change the color of this widget in ordre to be like the website colors (black and gold) 

could you give me the css code ? 

App allow it

Thanks a lot 

[PageFly-Amelia · Accepted solution]

Hello @Edgard22 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
#MainContent {
   background: #202020 !important;
   color: #fff !important;
}

.epr-reviewer-name, .epr-title, .epr-review-title {
   color: #fff !important;
} 
</style>

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[PageFly-Amelia · Accepted solution]

Hello @Edgard22 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
#MainContent {
   background: #202020 !important;
   color: #fff !important;
}

.epr-reviewer-name, .epr-title, .epr-review-title {
   color: #fff !important;
} 
</style>

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[Edgard22]

Hi ! 

Thanks a lot, it works perfectly 🙂 

[Edgard22]

I've an other problem, it's not working for text in review app 

exemple : https://brasebreizh.fr/products/beret-en-laine 

could you help me ?

Thanks a lot 

[PageFly-Amelia · Accepted solution]

Hello @Edgard22 

You can try this code instead

<style>
#MainContent {
   background: #202020 !important;
   color: #fff !important;
}

.epr-reviewer-name, .epr-title, .epr-review-title, .form-label {
   color: #fff !important;
} 
</style>