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

Store Design
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

1 Like
2

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!

1 Like
3

hey @mayuum

please share your website link.

i can solved your problem…

thank you.

4

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.

5

Hi @mayuum

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