How to Labeling Sold out Badges on Shopify Themes VENTURE

Solved
Highlighted
Excursionist
17 3 2

Hello, I want to ask, how do I change the color on the words sold out, or put a label on items that are already sold out.
this is my shop link, i use venture theme.

https://kapemart.com/

 

0 Likes
Highlighted

you can change the color of the tag on the theme customization page, 

and if you want to change the tag from sold out to something else goto online store-select current theme-edit languages-search sold out on the filter field-change the sold out tag.

make sure u duplicate the theme before u doing it 

Shopify Agency for International Brands
Email: support@theleadermedia.com
WhatsApp: +917012490592
If helpful then please Like and Accept Solution.
? Talk to our Shopify expert
? Best Shopify themes for November 2020
? Best Shopify Apps for November 2020
0 Likes
Highlighted

This is an accepted solution.

Add the following code at the very bottom of your assets/theme.scss.liquid 

.product-card__availability {font-size:#000;font-weight:bold;padding-top:10px}

 

If it work please accept my answer and give me thumbs up! thank you

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
Highlighted
Excursionist
17 3 2

This is an accepted solution.

do not change, 

Resa25_0-1603826006584.png

code like this?.

Resa25_1-1603826046955.png

 

0 Likes
Highlighted
Excursionist
17 3 2

I want to change the labeling, for example, to red on the text or items that have been sold out.

example like this

Resa25_0-1603826364970.png

 

0 Likes
Highlighted

This is an accepted solution.

Try this:

 

.product-card__availability {
	background-color: red;
	color: white;
	display: initial;
	padding: 5px;
	position: absolute;
	top: -100%;
	left: 0;
	transform: translateY(-134px);
}

 

Here's the result:

Screenshot 2020-10-27 at 20.25.29.png

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
Highlighted
Excursionist
17 3 2

Resa25_0-1603827238061.png

it's right, thanks. but the position is not precise like this, how to move the label to the center of the center.

 

 

0 Likes
Highlighted
Excursionist
17 3 2

This is an accepted solution.

ok bro, the code you provide is very useful, thank you.