Customize more the status

Ok, we will implement option to customise more.

Could you share some idea about how the customised stock message should appear in cart, checkout, order email and back-end order details page, right now we show only text in those areas ?

thanks

I would recommendo you like this one, and the label with differents colours and customizable:
https://www.madicontrol.com/wp-content/uploads/2021/09/Product-1.png

Let me know if it would be possible.

Thank you in advance,

Okay, we will try to implement, for now you can use the following CSS in your child theme style.css file to style the stock status messages

body.single-product .woo-custom-stock-status {
    border-left: #378cbc solid 3px;
    background: #ebebeb;
    padding: 12px;
}

body.post-type-archive-product .woo-custom-stock-status {
    background: #ebebeb;
}

thanks

Hi again and sorry but,

Are you sure that that code is working? Because I’ve added on my css stylesheet of the child theme and is not working at all.

I dont know if maybe is because of the theme o because the code is with any mistake . Im using ocean wp theme.

Could you send us your site link to check if the CSS is placed properly ?

Sure,

The webiste is:https://madicontrol.com/tienda

I add the code in the CSS of the theme.

You can also check on the products archive page:
https://madicontrol.com/tienda/categoria-producto/otros-materiales-accesorios/tapones-de-racores-y-mangueras

And on a unic product page:
https://madicontrol.com/tienda/producto/pcs-2540p-proteccion-terminal

@marurbgil

Use the following CSS and clear browser cache before checking the changes

body.single-product .woo-custom-stock-status {
    border-left: #378cbc solid 3px;
    background: #EEB601;
    padding: 12px;
}

body.post-type-archive-product .woo-custom-stock-status,
body.archive.tax-product_cat .woo-custom-stock-status {
    background: #EEB601;
}

Its working now thank you very much!!! ?? @softound oftound

There is also any possibility to change the size of the font?

Thanks in advance

@marurbgil

You can use the following CSS property to change size of font

font-size: 12px;

thanks

Thank you!

Good evening,

Is also any possibility to change the color of the text, not just the background? @softound

Thanks in advance.

I wrote the code like that but is not working:

`body.post-type-archive-product .woo-custom-stock-status,
body.archive.tax-product_cat .woo-custom-stock-status {
border-left: #eeb601 solid 3px;

background: #fef7e1;
font-size: 12px;
color: #eeb601;
}

color: #eeb601;

Change #eeb601 as you want

The thing is like that is not working, cause I’ve already have the configuration like this:

body.post-type-archive-product .woo-custom-stock-status,
body.archive.tax-product_cat .woo-custom-stock-status {
	  border-left: #eeb601 solid 3px;
	
    background: #fef7e1;
	  font-size: 12px;
	  color: #eeb601;
}

IS there any reason?. Link to check: https://madicontrol.com/tienda/producto/presostato-cs-danfoss-031e023566