Help! - How can I change the colour of my review widget's padding?

Solved
hyosang435
Visitor
1 0 0

Hello, I want to change the padding colour of my review widget Alireviews. The default padding colour is white, but I want to change it to #3030E1. How can I fix this? https://starboundtm.com/products/starbound%E2%84%A2-galaxy-projector 

Accepted Solution (1)
makkaomakka
Shopify Partner
820 153 171

This is an accepted solution.

Hi @hyosang435 ,

 

 

Please add this css at the end of theme.liquid file just above </body>. I have also updated the font color of the title to white to match your site.

 

 

<style>
.shopify-section:has(#zegsu-shopify-ali-review), body{
    background-color: #3030E1!important;
}
.shopify-section:has(#zegsu-shopify-ali-review) .zegsu-review-form-title{
    color: #fff!important;
}
</style>

 

 

 

Result:

makkaomakka_0-1699598109828.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,

Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


BFCM: Boost sales with BOGO+ Easy Free Gift Upsell. Enter code "BFWIZZ30" to enjoy 30% OFF.

View solution in original post

Replies 2 (2)
makkaomakka
Shopify Partner
820 153 171

This is an accepted solution.

Hi @hyosang435 ,

 

 

Please add this css at the end of theme.liquid file just above </body>. I have also updated the font color of the title to white to match your site.

 

 

<style>
.shopify-section:has(#zegsu-shopify-ali-review), body{
    background-color: #3030E1!important;
}
.shopify-section:has(#zegsu-shopify-ali-review) .zegsu-review-form-title{
    color: #fff!important;
}
</style>

 

 

 

Result:

makkaomakka_0-1699598109828.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,

Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


BFCM: Boost sales with BOGO+ Easy Free Gift Upsell. Enter code "BFWIZZ30" to enjoy 30% OFF.

Moeed
Shopify Partner
3016 753 911

Hey @hyosang435 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.shopify-section:has(#zegsu-shopify-ali-review), body {
    background: #3030E1 !important;
}
</style>

RESULT:

Moeed_0-1699597694988.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️