How to Edit size and colour of 'Out of stock' text

Hey Antonio,

Can we have a link to the page in question so we can take a closer look?

You can also try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.out-of-stock { font-size: 1em; color:red; }

Is that the solution you’re looking for?

Best regards,
Sarah

Hi,

Can you try this one, instead?
.stock.out-of-stock { font-size: 1em !important; color: red !important; }
Best regards,
Sarah

Hi Antonio,

I’ve edited the code in my previous reply, and took the liberty to edit your Quick CSS using the login you gave us earlier this month. You’ll see that the code works now, and you can go ahead and edit it to suit your preferences.

Best regards,
Sarah

You’re welcome, Antonio! Do let us know here in the forums if you need help with anything else.

Cheers!
Sarah