Issue with Sold Out buttons. Have two different colours and shapes

Hello,

For some reason, I have two separate sold out buttons. I don’t know how to fix it. My theme settings are set for the orange one, which is the one I want. I’m also noticing my add-to-cart buttons are missing.

Unclear of how the small black one even got there or why its popping up off-centre, but if anyone has any insight how to make it go away, that would be amazing!

Here is the page for reference, along with a screenshot below displaying the black button (which is the one I don’t want)

Thank you :slightly_smiling_face:

Is there

Hi,

The orange button is the add to cart button, which go to sold out when the item is out of stock. The black button is the badge identifying that this product is sold out.

To remove this one please follow the following the steps:

  1. Go to online store
  2. Edit Code
  3. Open your theme.min.css file
  4. Paste the following code at the end of the file:

.sold-out-badge {display: none !important;}

  1. Save.

Let me know if it work by marking it as a solution.

As for the add to cart, I can’t recongize the problem through the inspect element, can you please tell me which theme you are using ?

Hi @Caleyso

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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


Or you can completely hide the black soldout by this code:


About the Add to Cart, seems like your collection page doesn’t allow to add to cart, its just have an quick-add for some product. You can contact theme to check on this issue, or you can revert the theme to original ( if the collection template has been edited)

Hope this can help you solve the issue

Best regards,

Noah | PageFly