Remove black box on SOLD OUT items

I currently have this black box that shows on my sold out products.

Here is a live link: https://trendidressrentals.com/products/gardenia-maxi?_pos=1&_psq=gar&_ss=e&_v=1.0

Can I please get some assistance to have it removed.

1 Like

Hi @etetava24 ,

Step 1: Go to Shopify Admin β†’ Online Store ->Theme β†’ Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Would you be able to help me just make the font color of the text in the box a different color?

1 Like

@etetava24 im suggest you to go in theme files and remove this liquid code, don’t use extra code for it.

Hi @etetava24 ,

Step 1: Go to Shopify Admin β†’ Online Store ->Theme β†’ Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Hello @etetava24
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file.

.btn--secondary-accent {
  color: aqua !important;
}

reasult

If this was helpful, hit the like button and accept the solution.
Thanks

Hi @etetava24

  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:
button.btn.product-form__cart-submit.btn--secondary-accent {
color: red !important;
font-weight: bold;
}