Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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

hatmakerr
Shopify Partner
5 0 1

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.

hatmakerr_0-1729551902179.jpeg

Captura de pantalla_21-10-2024_195818_hatmaker-streetwear.myshopify.com.jpeg

Captura de pantalla_21-10-2024_195749_hatmaker-streetwear.myshopify.com.jpeg

Replies 3 (3)

TikitaTech
Shopify Partner
65 15 15

Hi @hatmakerr!

 

Could you send your store's URL?

Tikita Tolley | Co-Founder @ Daeda Technologies Ltd
Building apps to make tech simple.
Here to help - just ask!
hatmakerr
Shopify Partner
5 0 1
TikitaTech
Shopify Partner
65 15 15

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:

 

2024-10-22T08_55_42,554384429+07_00.png

 

Hope this helps!

Tikita Tolley | Co-Founder @ Daeda Technologies Ltd
Building apps to make tech simple.
Here to help - just ask!