How to edit Sold out Badge on collection page

Hi,

I am using the dawn theme and having trouble changing the “Sold out” Badge on the collection page to capitals and changing it to black not white.

Please see photo below:

Hi @Trash

Can you share with me the page url..

https://5do6v09h1ygmy4jn-56154226711.shopifypreview.com/pages?preview_key=68bfee5ea7f835a4c7a15b676af43074

Hello I understand your plight trash and I can help you with the situation share me the page url

https://5do6v09h1ygmy4jn-56154226711.shopifypreview.com/pages?preview_key=68bfee5ea7f835a4c7a15b676a…

Hello, Trash, good morning

In dawn theme, you can solve this one of two ways, the first being:

  • Going into Online Store > Themes > ‘Customize’ button on your theme

Then go on theme settings, and changing the color scheme on the ‘Badges’ tab, where the screenshot below shows

And the color schema of this button is affected by these colors on the theme settings > ‘Colors’ tab

  • For the second solution, you’ll have to go into the code:

Online Store > Themes > Click ‘Actions’ button on your theme > Edit Code

And add the following code to the bottom of the ‘base.css’ file inside the ‘Assets’ folder:

.card__badge .badge {
    background-color: black;
    border-color: black;
    color: white;
}

I’ve set the background and border color of the button to black, but you can change it to whatever color you like, just don’t modify or erase anything else on the code, just the word of the color and replace it with yours. The same goes for where it is written white, but this white or the color that you replace it with will be the color of the text of the button

https://5do6v09h1ygmy4jn-56154226711.shopifypreview.com/pages?preview_key=68bfee5ea7f835a4c7a15b676af43074