Remove black box on SOLD OUT items

[etetava24]

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. 

[BSSCommerce-HDL · Accepted solution]

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 </head> tag:

<style>
span.price__badge.price__badge--sold-out {
    display: none !important;
}
</style>

 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 😍

[etetava24]

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

[BSSCommerce-HDL]

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 </head> tag:

<style>
button.btn.product-form__cart-submit span {
    color: white !important;
}
</style>

 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 😍

[GTLOfficial]

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

[ProtoMan44]

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

[ZestardTech]

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;
}