How to remove sold out badge or change color - Theme Flow

Store Design
1

Hi!

The products that ran out of stock did not show any text in the buy-button, so I went to
Online store → Edit theme default code → Products and filled in two boxes that said “out of stock”. Now I got the buy button that says “out of stock” (which is great), however on the category page I have an ugly big and red badge that says “out of stock”. I tried to remove the text from the boxes in “Edit theme default code” but only the text disappeared and the red box is still there.

How can I remove this?

When I inspect that area this is the code displaying:

Slutsåld
(Slutsåld = out of stock)

I want to keep the buy - button on product pages to say “slutsåld/out of stock” but I want to either remove the red badge on the category pages completely or change to a grey color and make them smaller.

Can anyone let me know how?

denna.png
denna.png711×122 39.4 KB

2

Hello @LauraR123 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.liquid file and paste the following code just before this tag

.sold-out-badge{ display: none; }
3

https://doctordiamantis.com/

4

In the end of the code?

5

Try this one:

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your custom.css file and paste the following code at the bottom:

.sold-out-badge.badge {
    display: none !important;
}
6

Here?

shopify.png
shopify.png1267×647 36.3 KB

7

Yes just after the line no. 8

8

It worked!! Thank you very much :slightly_smiling_face: Grateful

9

I also have another question regarding VAT settings, not sure if you can help me with that :slightly_smiling_face:
https://community.shopify.com/topic/2530575