What's your biggest current challenge? Have your say in Community Polls along the right column.

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

Solved

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

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)

theycallmemakka
Shopify Partner
1746 425 443

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

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1746 425 443

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

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Moeed
Shopify Partner
6357 1721 2081

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral