How can I modify the Sold Out button and variant line thickness?

Store Design
1

Hi there,

I would like to know the following:

  1. How do I change the Sold Out button color and text?

  2. How do I change the thickness of the crossed line in variants?

https://pinsowl.com/products/pinsowl™-laptop-stand?variant=44586728194279

lap.jpg
lap.jpg1170×2532 175 KB

2

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.variant-input-wrap label.disabled:after{
   border-left: 4px solid;
}

.product-single__form .btn[disabled]{
   color: #ffffff !important;
    background-color: #e22120 !important;
}
3

@blcksjfds

Please add the following CSS code to the assets/theme.css bottom of the file.

.variant-input-wrap label.disabled:after{
   border-left: 4px solid;
}

.product-single__form .btn[disabled]{
   color: #ffffff !important;
    background-color: #e22120 !important;
}

Thanks!