How do I fix the buy buttons that are sold out

[pmltntc]

I modified the code for the buy buttons before but I could not seem to remember which parts. How do I fix this error showing 2 buy buttons with the word “checkout” instead of 1 button showing “sold out” when the item is actually sold out? Refer to attached image.

Website URL: https://adlaudemdei.com/products/salvation-cross

[ZestardTech]

Hi @pmltntc

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product-form__submit::before {
content: ""!important;
}

[pmltntc]

Thank you so much! However, is there a way we can also hide the “checkout” button when item is sold out?

[ZestardTech]

Hi @pmltntc

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product-form__buttons button[disabled] + div.shopify-payment-button {
display: none;
}

[pmltntc]

This worked. Thank you so much!