Impulse Theme- Make the inventory status dot red

Topic summary

Goal: Change the Impulse theme product page inventory status dot from green to red permanently.

Proposed fix: Add a CSS rule targeting .icon–inventory:before and .icon–inventory:after to set the background to red. Instructions suggest placing it at the bottom of Online Store > Theme > Edit code > Assets > theme.scss.liquid (or theme.css).

Notes: One reply includes “!important” but with a typo (“!import ant”); if needed, use the correct “!important”. No confirmation from the original poster that the change worked. An attached image shows the current green dot but isn’t essential to apply the fix.

New request: A follow-up asks for conditional behavior—green when in stock, red when out of stock. No guidance or code was provided for dynamic, stock-based styling.

Status: A static CSS approach was offered; the conditional color logic remains unanswered and the discussion appears open.

Summarized with AI on January 10. AI used: gpt-5.

@jtorres
if helpful, Kindly like and accept our Solution.
Let me know if you need any more help.