Home › Forums › Themes Support › Claue › How to change the out of stock label?
- This topic has 5 replies, 2 voices, and was last updated 4 years, 9 months ago by Harry.
-
AuthorPosts
-
-
June 9, 2019 at 2:50 am #31704jacmikiSupported
May I know is there any way that I can change the out of stock label ? I would like to use my custom design label.
Thank you
-
June 9, 2019 at 10:37 am #31705HarrySupported
Hi,
you want change the text or change background color?
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
June 9, 2019 at 4:23 pm #31708jacmikiSupported
Hi Harry, thanks for your response. I would to change both like re-styling the label. Make it show on middle and transparent back ground
-
June 9, 2019 at 9:23 pm #31709HarrySupported
Hi Jackimi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.badge .sold-out { background: rgba(0,0,0,0.3); top: 50%; right: 50%; width: 100%; transform: translate3d(50%, -50%, 0); padding: 10px 0; height: auto; font-size: 14px; }
And change 0,0,0 as RGB color and 0.3 as opacity from 0.0 to 1.0
To change the text, please go to Loco > theme > claue > your language > edit and search string to change
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
June 10, 2019 at 8:01 pm #31722jacmikiSupported
Hi Harry,
Thanks for your support, the sold out label is looking good at product listing page now.
However, It’s looks weird at product detail page, the sold out label is showing in middle of the page.
Can we make the sold out label show on the product image only ? Attached screenshot for your referenceThank you
Attachments:
You must be logged in to view attached files. -
June 10, 2019 at 10:39 pm #31726HarrySupported
Hi Jacmiki,
Please add more code
.jas-wc-single .badge .sold-out { left: auto; right: calc(50% - 45px); width: calc(100% - 120px); }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.