Change out of stock to Available to Order

Site URL: https://cmsexeter.co.uk

We found on these forums the ability to remove the 'add to cart' button using tags on the CSS system. We are now wanting to change the 'out of stock' notification text under the item and in it to show 'Available to order' if it sees the tag 'available to order' in the item tags. Is this possible. 

You mean change "Sold out" text to another text?

On 11/23/2021 at 2:18 PM, tuanphan said:

You mean change "Sold out" text to another text?

Sorry, as you said.

Just now, derekrayner said:

Sorry, as you said.

Assume you know how to add the tag

.tag-available-to-order .product-mark.sold-out {
  visibility: hidden;
  position: relative;
}
.tag-available-to-order .product-mark.sold-out:after {
  content: 'Available to order';
  visibility: visible;
  position: absolute;
  left: 0;
  width: 100%;
}
.tag-available-to-order .grid-item .product-mark.sold-out:after {
  left: 50%;
  transform: translateX(-50%);
}

Sorry, a bit new to the whole css thing. Can you elaborate?

Never mind, i've figured it out.