Out of Stock Pulsing Dot is Green, How do I make it red like the old theme was? Impulse Theme 7.4.0

Store Design

Topic summary

A user reports that the out-of-stock inventory indicator dot changed from red to green after updating to Impulse Theme 7.4.0, and seeks help reverting it to red.

Two solutions provided:

  1. CSS file modification: Edit product-inventory.css in the assets/modules folder, changing the .icon--inventory background property from #54c63a (green) to red or another preferred color.

  2. Theme.liquid approach: Add custom CSS code to the theme.liquid file after the <head> tag via Online Store > Themes > Edit code.

Both solutions involve modifying the background color property to restore the red indicator for out-of-stock items.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1
Show More

The out of stock dot used to be Red, now with this updated them it’s green???

https://www.motorpsychosport.com/collections/alpinestars-discontinued-tech-3-7-10-boots/products/alpinestars-tech-10-cool-gray-orange-fluorescent-boots

2

Open the file “product-inventory.css” in assets/modules folder and change the background property of “.icon–inventory” from “#54c63a” to red or to another color as shown:

.icon--inventory {
  &:before,
  &:after {
    width: 9px;
    height: 9px;
    background: red;
    border-radius: 9px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    margin: 8px;
  }
3

Hi @ridethedesert

You can try to add this code to theme.liquid file, after element in Online store > Themes > Edit code to make it red again