Move the Label "out of stock"

[theSA]

Hi,

We have been fortunate to have more sales than anticipated, i.e. some of our products are out of stock. They will be in stock shortly so we want to keep the products visibel, but with the label “temporarily out of stock”.

Now the problem. The label is set by the theme to the top left corner. And LOTS of customers write and complain that all our products are out of stock. This happens because of the label being so close to the product above and next to the price for the above product.

How can I change the location of the label? For example, have it centre-centre over the product image or by the price information below the product. I.e. not where it can be confused to be related to another product.

Thanks in advance,
Anna

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Anna,

This issue because your image have more white space. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.badge .left.sold-out {
	left: 50%;
	top: 80%;
	margin-left: -68px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[theSA]

Thanks! Worked like magic 🙂

[Author]

Posts