Personalized checkout and custom promotions with Shopify Scripts
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi everyone,
I'm working on my Shopify store and I'm encountering a problem with the shadow_text effect not reflecting on certain texts within my product section. The effect works correctly in some areas, but it doesn’t apply to the following elements:
I’ve checked the CSS code, and it seems to be correctly applied overall, but I can’t get it to show on these specific elements. I would greatly appreciate any guidance on how to resolve this issue or any alternative suggestions.
I’ve attached images where I indicate the texts that are not displaying the effect correctly.
Thank you in advance for your help.
Hi @hatmakerr!
Could you send your store's URL?
Awesome!
For the following classes, you'll need to add a text-shadow property.
.form__label {
text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red;
color: white;
}
.recipient-checkbox {
text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red;
color: white;
}
This will give you this:
Hope this helps!