dawn theme - change color of Unavailable/out of stock ATC button

xnyjyh
Explorer
200 0 9

Hello, just looking to change the color of the ATC Unavailable/out of stock button.

 

Thanks

Replies 3 (3)

techlyser_web
Shopify Partner
1404 262 276

Hello @xnyjyh 
can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
techlyser_web
Shopify Partner
1404 262 276

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .button:disabled{
     cursor: pointer !important;
     opacity: 1.5 !important;
}
</style>

techlyser_web_0-1710230091238.png

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Richard
Shopify Partner
4206 951 1599

Hi @xnyjyh 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product-form__submit[disabled] {
opacity: 1;
color: red;
background-color: pink;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.