How to change the colour of the "sold out" button in Shopify in Dawn template.

[reneemi]

Hi there!

My sold out button is black in the collections pages and I am trying to change this colour. Here are examples:

https://www.skylaroseco.com/collections/headbows

I have searched and found several solutions that aren't quite clear. Is anyone able to assist?

Thank you in advance for your help!

Kind Regards,

Renee

[JHKCreate · Accepted solution]

Hi @reneemi 

Please add the following code at the end of your base.css file:

span.badge.badge--bottom-left.color-inverse {
    background: #ffcfcf; //Controls Main Background Color
    border-color: #ffcfcf; //Controls Border Color
    color: black; //Controls Text Color
}

That should do it!

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

[JHKCreate · Accepted solution]

Hi @reneemi 

Please add the following code at the end of your base.css file:

span.badge.badge--bottom-left.color-inverse {
    background: #ffcfcf; //Controls Main Background Color
    border-color: #ffcfcf; //Controls Border Color
    color: black; //Controls Text Color
}

That should do it!

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

[reneemi]

Both of these solutions worked well and were an easy fix. Thank you so much for your help!

[infoatcodelab7 · Accepted solution]

@reneemi 

Please add this CSS to your css file

.card__badge span{
   color:#000;
   background:#fff;
   border-color:#fff;
}

 Thanks!