Strikethrough and grey out sold out variants - Dawn Theme

[Carina13]

Dear all,

my english is not perfect - I am from germany. Sorry for this in advance

I use the dawn theme and want to strikethrough and additionally greyout sold out variants. (If possible change all into a light grey). I tried to do this like the solution mentioned in this post (

https://community.shopify.com/c/shopify-design/input-slash-or-grey-out-sold-out-variants/td-p/1943426) and copied the code line into the mentioned css-file, but it doesn’t work, nothing changed. I am a beginner without experience in coding. Maybe somebody can give me a help please?

Here is one article of my shop with sold-out variants: https://onlineshop.sisento.de/products/lorenzi-herrenschuhe-kroko-braun

Thank you very much!

Karin

[NomtechSolution]

To add strikethrough and gray out sold-out variants in the Dawn theme, you’ll need to make modifications to the theme’s code. Here’s a step-by-step guide to help you achieve this:

1. From your Shopify admin, go to “Online Store” and click on “Themes.”
2. Find the Dawn theme and click on “Actions,” then select “Edit code.”
3. In the theme code editor, locate the file named theme.css.liquid in the “Assets” folder. If you can’t find it, look for a similar file that contains the theme’s main CSS code.
4. Open the theme.css.liquid file and add the following code at the bottom:

/* Strikethrough and gray out sold-out variants */
.variant-sold-out .variant-label {
  text-decoration: line-through;
  color: #888888;
}
​

[Carina13]

Hello and thank you for your fast reply,

I am sorry but in my Assets-folder there is no theme.css.liquid file. Please see the screenshot which files are contained: