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

Solved
reneemi
New Member
2 0 0

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

Accepted Solutions (2)

Accepted Solutions
JHKCreate
Shopify Partner
3421 609 857

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

infoatcodelab7
Shopify Partner
220 46 39

This is an accepted solution.

@reneemi 

Please add this CSS to your css file

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

 Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 3 (3)
JHKCreate
Shopify Partner
3421 609 857

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
infoatcodelab7
Shopify Partner
220 46 39

This is an accepted solution.

@reneemi 

Please add this CSS to your css file

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

 Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
reneemi
New Member
2 0 0

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