Can't Change Text Color of website popup due to a line of code

Solved

Can't Change Text Color of website popup due to a line of code

soniri
Visitor
1 0 0

I am using a plugin to create a SMS popup for my website sakori.shop but there seems to be a line of code that is permanently keeping the paragraph text white when i want it black.
Screenshot 2024-04-23 012535.png
^Not sure where to find this and change it

Accepted Solution (1)

Sweet_Savior_3
Shopify Partner
1335 102 138

This is an accepted solution.

Hello @soniri 

 

Welcome to Shopify Community.

 

Kindly please add below CSS in theme.liquid above </head> tag.

<style>
.yotpo-smsbump-modal__backdrop * {
    color: #000 !important;
}
</style>

 

OUTPUT: 

Sweet_Savior_3_0-1713851484284.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Replies 2 (2)

Sweet_Savior_3
Shopify Partner
1335 102 138

This is an accepted solution.

Hello @soniri 

 

Welcome to Shopify Community.

 

Kindly please add below CSS in theme.liquid above </head> tag.

<style>
.yotpo-smsbump-modal__backdrop * {
    color: #000 !important;
}
</style>

 

OUTPUT: 

Sweet_Savior_3_0-1713851484284.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

INA_MSWEB
Shopify Partner
1281 144 164

Hello,

 

I am San from MS Web Designer.

 

Feel free to add this CSS to your theme.css file. 

 

span.sc-1e9lgo-0.iLyHuB.yotpo-smsbump-subtitle.text-zone-element {
   color: rgb(0, 0, 0) !important;
}
.iLyHuB *{
color: rgb(0, 0, 0) !important;
}
.hUelHa *{
color: rgb(0, 0, 0) !important;
}
.hsKvwe.hsKvwe *{
color: rgb(94, 94, 94) !important;
}

.lnwIgx.lnwIgx *{
color: rgb(94, 94, 94) !important;
}

 

If the code does not work as expected, please reach out to app support for further assistance.

 

Do let me know if you have any concerns.

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin