Customize sold out CSS

Hello,

Currently, the sold out info looks like this (cf.doc). It would look more professionnal if its horizontal. How can I change it ?

Thank you,

Lorene

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the product page URL I will provide the custom code to correctly

Best Regards

The code will be applied for every products when its sold out ?

When I am in this url page, I click on personnalize and then on css just paste the code ?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .labels-rounded .out-of-stock {
    max-width: 120px;
    font-size: 10px;
}

Change the settings as per your needs. Yes, this style will be applied to all the products and it is not possible to apply to certain products.

Best Regards

[Author]

Posts