Jump to content

Adding Snow to Client Home Page

Recommended Posts

Hi there,

I am working on a client page and they have requested eternal falling snowflakes from top to bottom. The script I am using worked on the older SquareSpace template but not the current, my code is below.

EDIT: I have just noticed the script is only displaying on the footer of the page, not the full page.

<script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>

<script>
snowStorm.animationInterval = 30;
snowStorm.flakesMaxActive = 30;
snowStorm.freezeOnBlur = true;
snowStorm.usePositionFixed = true;
</script>

<script>
snowStorm.snowColor = '#FFFFFF';
snowStorm.flakesMaxActive = 40;
snowStorm.followMouse = false;
snowStorm.snowCharacter = '❄';
snowStorm.snowStick = false;
</script>

. Any advice would be great.

Matt

Link to comment
  • Replies 2
  • Views 1k
  • Created
  • Last Reply
20 hours ago, Mst161 said:

Hi there,

I am working on a client page and they have requested eternal falling snowflakes from top to bottom. The script I am using worked on the older SquareSpace template but not the current, my code is below.

EDIT: I have just noticed the script is only displaying on the footer of the page, not the full page.


<script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>

<script>
snowStorm.animationInterval = 30;
snowStorm.flakesMaxActive = 30;
snowStorm.freezeOnBlur = true;
snowStorm.usePositionFixed = true;
</script>

<script>
snowStorm.snowColor = '#FFFFFF';
snowStorm.flakesMaxActive = 40;
snowStorm.followMouse = false;
snowStorm.snowCharacter = '❄';
snowStorm.snowStick = false;
</script>

. Any advice would be great.

Matt

Kindly send the site you working on so we can see the issue on footer

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.