Narrative theme collection page change text color only for "SOLD OUT"

Narrative theme collection page change text color only for "SOLD OUT"

mayuum
Shopify Partner
4 0 1

Hello, Shopify community,

 

I've been working with my friend on her Shopify website (the eme Narrative). She wanted the "sold out" text on the collection pages to show in red. After searching on this community, I found a solution and added the code below to the theme.scss.liquid.

 

.card__wrapper .card__availability {

color: #d93c30;

font-weight: bold;

}

 

It worked and showed exactly how we wanted for a while (about 2 months) and we realized last week, that the sold-out texts are shown in black (as in the default setting). We have not made any changes nor edited anything so we have no idea how this happened and how to fix it.

 

Anyone experiencing the same or similar? Can someone please help us fix it back to red?

 

Hope we can get some help!!

 

 

Thank you! 

 

m-yuum

Replies 4 (4)

AvadaCommerce
Shopify Partner
3879 839 973

Hi @mayuum 

I tested your code on my Narrative theme, and it's still working. 
There might be some update in your theme that made the code no longer work correctly. 

You can try adding "important" to your code because there might be another CSS line that has overwritten your code. 

.card__wrapper .card__availability {
color: #d93c30 !important;
font-weight: bold;
}


If it does not work, please give me your site URL so that I can check further. 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

banned
mayuum
Shopify Partner
4 0 1

Hi Avada!

 

Thank you so much for your reply. I did try with the "!important", still not working. Deleted the whole code I added, saved, then re-added the code, still not working... I'll ask my partner what she wants to do now. Thank you again and sorry my reply to you took so long.

 

Regards.

AvadaCommerce
Shopify Partner
3879 839 973

Hi @mayuum 

Can you share your shop URL and password if any? 
I will help you check further.

banned

khilan
Shopify Partner
271 15 26

hey @mayuum 

please share your website link.

i can solved your problem...

thank you.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help