Hello can someone help me on how to delete this icon ?
thanks for your time
Topic summary
A user seeks help removing an “out of stock” icon displayed on their Shopify store product page. The icon appears as a red text indicator in the product interface.
Proposed Solutions:
Two community members offered CSS-based fixes:
-
Solution 1: Add custom CSS code to the
theme.liquidfile, placed above the</body>tag. This approach includes a code snippet (not fully visible in the conversation) and shows a before/after screenshot demonstrating the icon’s removal. -
Solution 2: Insert CSS targeting
span.out-stock.text-dangerwithdisplay: none;into thetheme.liquidfile under the<style>tag.
Both solutions require editing the theme code through: Online Store → Themes → Edit Code → theme.liquid file.
Status: The issue remains unresolved as the original poster has not confirmed whether either solution worked. One responder requested store URL access for direct troubleshooting.
1 Like
Hi @puffworld ,
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?
Hey @puffworld
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
@puffworld Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
span.out-stock.text-danger {
display: none;
}