Motion theme: How to change position, color and shape of SOLD OUT label

Hello,

I woul like to work on the label that is showed on my SOLD OUT products. How can I do?

Also I would like to change the color of the SOLD OUT button on my product page.

Hi @blessedCN ,

I am not sure if the code below will work since you use !important. Never use !important on CSS if tend to change this in the future. But try the code below.

  1. In your Admin page, go to Online store > Themes
  2. Choose the theme you want to edit then click Actions > Edit code.
  3. Open the theme.css under the Asset folder.
  4. Add the code below.
.add-to-cart:disabled span {
    color: red;
}