Issue with shadow text effect not applying to certain product section texts

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:

  • “Quantity” text
  • Color selector
  • (Other elements detailed in the attached images)

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?

1 Like

https://hatmaker-streetwear.myshopify.com/?preview_theme_id=145365696769

PSSWRD: SKEWDI

Awesome!

For the following classes, you’ll need to add a text-shadow property.

  • “Quantity” text and Color selector
.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;
}
  • I want to send this as a gift
.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!