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

Store Design
, ,

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.
1

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

2

Hi, Almavida

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

.snowflake {
display: initial !important;
}