Changing "Sold Out" text

Hello,

I am looking to change the product “sold out” text that hovers on the product. Is there a code snippite I can use?

I am currently using a JS code snippet for the colors of this label.

Thanks!

Attachments:

You must be logged in to view attached files.

I am looking for the text to change to “Coming Soon”

Hello,

You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

When you need to change the text related to Woocommmerce, you need to create the translation in Loco > Plugins > Woocommerce.

Best Regards

Worked great, thank you.

I now need to adjust this font size. I cannot find the toggle in the woodmart pannel. Is there a script I can use?

Thanks,

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Let me know if you need help in choosing a custom selector.

Best Regards

Can you assist me in choosing a custom selector for the “sold out” text that hovers over the product image?

Thanks,

Hello,

Here is the selector:

body .labels-rectangular .out-of-stock {
color:#ffffff;
background-color:#000000;
font-size:12px;
}

You can take the selector or add this CSS and change as per your needs.

Best Regards

Perfect, worked great.

Thank you!

You are welcome! We are here to help.

Wish you a wonderful day!

Hello,

Are you able to provide me with the CSS same code, but for mobile?

Thanks!

Hello,

Please add this code to the Theme Settings > Custom CSS > General it would be applied in all the devices, if you need on mob only, then add the code to the Theme Settings > Custom CSS > Mobile.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts