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.
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
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
1 Like
I want to change the labeling, for example, to red on the text or items that have been sold out.
example like this
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:
1 Like
it’s right, thanks. but the position is not precise like this, how to move the label to the center of the center.
ok bro, the code you provide is very useful, thank you.
1 Like