Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi I am having a hard time greying out/adding strikethrough to sold out variants. I have tried to add the codes most people suggest into the base.css but non of them are working. Here is my site https://thelokigiftshop.com/products/hello-pumpkin-corded-sweatshirt-in-orange?variant=4646301001349...
TIA!!!
Hi @thelokishop
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
span.badge.price__badge-sold-out.color-inverse {
text-decoration: line-through !important;
color: gray !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
thanks so much for your response! is this the right spot? it is not working on my site still
No worries and no, this is not the correct position. You are putting this above <head> but you need to put it under and before its closing tag that is </head>
@thelokishop is it working now?
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
lol sorry not a coding girl. i think this is right? but its not working
I've checked your store and it is there working fine. Am I missing something?
so sorry. i didnt explain correctly. i was wanting the sold out variant options to be greyed out and strike through. hope this makes sense