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

Re: 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
66 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
66 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!