Changing Sold Out circle to "SOLD OUT" red text underneath product image

Highlighted
Tourist
3 0 2

Hi,

 

Trying to figure out a solution to this. Right now when a product is sold out on minimal theme it shows as a black circle over the product image. I want to have red text underneath the product image reading "SOLD OUT"

 

Is there a quick work around for this?

 

Thank you,

 

Elliot

 

 

Highlighted
Shopify Partner
9522 1198 3348

Hello, @elliotsnowman 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2
0 Likes
Highlighted
Shopify Partner
9522 1198 3348

@elliotsnowman 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.badge--sold-out {
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    background-color: transparent;
    color: red;
    width: auto;
    height: auto;
    right: 0;
    top: inherit;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2

@KetanKumar 

 

Thank you very much! That worked.

Highlighted
Shopify Partner
9522 1198 3348

@elliotsnowman 

Thanks for update and support.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing