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.
^Not sure where to find this and change it
Topic summary
Issue: Text in an SMS signup popup on sakori.shop stays white; the site owner wants black text but can’t find the source forcing the color.
Context: The popup comes from a plugin; CSS classes shown include “yotpo-smsbump,” indicating the popup’s styles are controlled by app-injected CSS.
Proposed fixes:
- Add custom CSS overrides in theme.liquid before to force text color (a responder shared a screenshot of the expected result, though no specific code was shown in that reply).
- Add targeted CSS in theme.css with !important to override the app styles, e.g.:
• span.sc-1e9lgo-0.iLyHuB.yotpo-smsbump-subtitle.text-zone-element { color: #000 !important; }
• .iLyHuB *, .hUelHa * { color: #000 !important; }
• .hsKvwe.hsKvwe *, .lnwIgx.lnwIgx * { color: rgb(94,94,94) !important; }
Notes: CSS (Cascading Style Sheets) controls presentation; using !important can override conflicting rules, including app-injected styles. theme.liquid is the main layout file where global CSS can be inserted.
Status: No confirmation from the original poster that the issue is resolved. If overrides fail, contacting the app’s support was recommended.
Hello @soniri
Welcome to Shopify Community.
Kindly please add below CSS in theme.liquid above tag.
OUTPUT:
Thanks
1 Like
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