augmenter la taille de la police RUPTURE DE STOCK

Hello @christellenaw 👋

Thank you for reaching out.

Where can I change the size of the out of stock text?

I understand you want to increase the size of this text:

Under Appearance > Customize > Additional CSS, you can add the following code:

.woocommerce div.product p.stock {
 font-size: 150%;
}

If you’re interested in learning CSS we highly recommend starting from this tutorial: https://wordpress.com/support/css-basics/.

Another question, is it possible that the sizes are crossed out when the size is out of stock?

By default, WooCommerce doesn’t blur or cross out any variations that are out of stock. You can install and activate Advanced Product Variation or Variations as Radio Buttons for WooCommerce that have that feature.

Alternatively, you can consult with a developer who can help you create a custom solution – https://woocommerce.com/customizations/.

Hope this helps!

Hi
thank you but it does not work . I don’t understand why but the part “.woocommerce div.product p.stock ” is in red .

do you know why?

J’avais oublié de mettre } un peu au dessus. Maintenant ce n’est plus en rouge. Mais la police n’a toujours pas changé de taille. ??

J’ai changé 150% par 20px et maintenant cela fonctionne.
Aussi j’ai utilisé le CSS suivant pour griser les photos des articles épuisés.
Pourquoi cela ne fonctionne t’il pas. Je l’ai trouvé dans un autre post pour quelqu’un qui en avait besoin.

li.stock out-of-stock {
filter: grayscale(1);
}

Hello @christellenaw!

Thanks for the reply!

I changed 150% to 20px and now it works.
Also I used the following CSS to gray out the photos of sold out items.
Why is this not working. I found it in another post for someone who needed it.

li.stock out-of-stock {
filter: grayscale(1);
}

Please note that ongoing CSS support is outside the scope of support per support policy here.
?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hope this helps!

• This reply was modified 2 years, 6 months ago by Tamirat B. (a11n).