Change 'Sold out' button colour in minimal theme

Store Design
1

I am a code newbie. I’d like the instructions and code needed to make a small change to my theme colours please.

I want to change ONLY the colour of the ‘Sold out’ Buttons. I am using a ‘minimal’ theme.

I don’t like that the ‘Sale’ circle and the ‘Sold out’ buttons are the same colour, I think it’s confusing to the customer.

https://theplantfactor.com.au/collections/all?page=1

1 Like
2

@Jaypea

Please add the following CSS code to your assets/theme.scss.liquid bottom of the file.

#shopify-section-collection-template .badge--sold-out {
    background-color: #f6f6f6 !important;
    color: #b6b6b6 !important;
}

Thanks!

1 Like
3

Thank you! That worked perfectly and I kept your chosen colours for their subdued effect.