Why isn't my snowflake animation showing on my website?

Topic summary

A user is troubleshooting a snowflake animation that isn’t displaying on their Shopify store despite adding CSS, JavaScript, and HTML div containers.

Technical Details:

  • The animation code was added to the Liquid theme
  • CSS for snowflakes was placed in base.css
  • JavaScript file is named animatesnowfall
  • HTML uses a div class called snowfall-container

Proposed Solution:
Another user suggests adding the following CSS rule at the end of base.css:

.snowflake {
  display: initial !important;
}

This appears to be a CSS display property issue preventing the snowflake elements from rendering visibly on the page.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hello,

I tried to add a snowflake animation based on another website.

Could someone tell me what is wrong and why the snowflakes are not showing?

I added css, a script and html div tag for the snowflake containers.

You can see the snowflake and snowfall css in base.css.

The div class is snowfall-container and the js is animatesnowfall and this was added in theme.liquid.

Please help me understand.

My shop is www.almavida.nl

Thank you

Hi, Almavida

Go to the end of base.css file and add this:

.snowflake {
display: initial !important;
}