To make you website page snow

Simply add a Divi Code Module to your Page and paste in the script downloaded by the button below.

<script><!-- [et_pb_line_break_holder] -->(function ($) {<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> // Zachary Johnson<!-- [et_pb_line_break_holder] --> // https://www.zachstronaut.com/posts/2009/12/21/happy-xmas-winternet.html<!-- [et_pb_line_break_holder] --> // December 2009<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ww = 0;<!-- [et_pb_line_break_holder] --> var wh = 0;<!-- [et_pb_line_break_holder] --> var maxw = 0;<!-- [et_pb_line_break_holder] --> var minw = 0;<!-- [et_pb_line_break_holder] --> var maxh = 0;<!-- [et_pb_line_break_holder] --> var textShadowSupport = true;<!-- [et_pb_line_break_holder] --> var xv = 0;<!-- [et_pb_line_break_holder] --> var snowflakes = ["\u2744", "\u2745", "\u2746"];<!-- [et_pb_line_break_holder] --> var prevTime;<!-- [et_pb_line_break_holder] --> var absMax = 200;<!-- [et_pb_line_break_holder] --> var flakeCount = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(init);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function init()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var detectSize = function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> ww = $(window).width();<!-- [et_pb_line_break_holder] --> wh = $(window).height();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> maxw = ww + 300;<!-- [et_pb_line_break_holder] --> minw = -300;<!-- [et_pb_line_break_holder] --> maxh = wh + 300;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> detectSize();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(window).resize(detectSize);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (!$('body').css('textShadow'))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> textShadowSupport = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> /* Should work in Windows 7 /*<!-- [et_pb_line_break_holder] --> if (/windows/i.test(navigator.userAgent))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> snowflakes = ['*']; // Windows sucks and doesn't have Unicode chars installed<!-- [et_pb_line_break_holder] --> //snowflakes = ['T']; //No FF support for Wingdings<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // FF seems to just be able to handle like 50... 25 with rotation<!-- [et_pb_line_break_holder] --> // Safari seems fine with 150+... 75 with rotation<!-- [et_pb_line_break_holder] --> var i = 50;<!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake(true);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> prevTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> setInterval(move, 50);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function addFlake(initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> flakeCount++;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var sizes = [<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 1.0,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 15 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 0 rgba(238, 238, 238, 0.5)'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 2<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.6,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 50 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 2px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 6<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.2,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 90 + Math.floor(Math.random() * 30) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 6px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 12<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.1,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 150 + Math.floor(Math.random() * 50) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 24px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 20<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ];<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var $nowflake = $('<span class="winternetz">' + snowflakes[Math.floor(Math.random() * snowflakes.length)] + '</span>').css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> /*fontFamily: 'Wingdings',*/<!-- [et_pb_line_break_holder] --> color: '#eee',<!-- [et_pb_line_break_holder] --> display: 'block',<!-- [et_pb_line_break_holder] --> position: 'fixed',<!-- [et_pb_line_break_holder] --> background: 'transparent',<!-- [et_pb_line_break_holder] --> width: 'auto',<!-- [et_pb_line_break_holder] --> height: 'auto',<!-- [et_pb_line_break_holder] --> margin: '0',<!-- [et_pb_line_break_holder] --> padding: '0',<!-- [et_pb_line_break_holder] --> textAlign: 'left',<!-- [et_pb_line_break_holder] --> zIndex: 9999<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (textShadowSupport)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $nowflake.css('textIndent', '-9999px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var r = Math.random();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var i = sizes.length;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var v = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (r < sizes[i].r)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> v = sizes[i].v;<!-- [et_pb_line_break_holder] --> $nowflake.css(sizes[i].css);<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var x = (-300 + Math.floor(Math.random() * (ww + 300)));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var y = 0;<!-- [et_pb_line_break_holder] --> if (typeof initial == 'undefined' || !initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = (-300 + Math.floor(Math.random() * (wh + 300)));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.data('x', x);<!-- [et_pb_line_break_holder] --> $nowflake.data('y', y);<!-- [et_pb_line_break_holder] --> $nowflake.data('v', v);<!-- [et_pb_line_break_holder] --> $nowflake.data('half_v', Math.round(v * 0.5));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('body').append($nowflake);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> function move()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (Math.random() > 0.8)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv += -1 + Math.random() * 2;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (Math.abs(xv) > 3)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv = 3 * (xv / Math.abs(xv));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // Throttle code<!-- [et_pb_line_break_holder] --> var newTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> var diffTime = newTime - prevTime;<!-- [et_pb_line_break_holder] --> prevTime = newTime;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (diffTime < 55 && flakeCount < absMax)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (diffTime > 150)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $('span.winternetz:first').remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('span.winternetz').each(<!-- [et_pb_line_break_holder] --> function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var x = $(this).data('x');<!-- [et_pb_line_break_holder] --> var y = $(this).data('y');<!-- [et_pb_line_break_holder] --> var v = $(this).data('v');<!-- [et_pb_line_break_holder] --> var half_v = $(this).data('half_v');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> y += v;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> x += Math.round(xv * v);<!-- [et_pb_line_break_holder] --> x += -half_v + Math.round(Math.random() * v);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // because flakes are rotating, the origin could be +/- the size of the flake offset<!-- [et_pb_line_break_holder] --> if (x > maxw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (x < minw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = ww;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (y > maxh)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).data('x', x);<!-- [et_pb_line_break_holder] --> $(this).data('y', y);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $(this).css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // only spin biggest three flake sizes<!-- [et_pb_line_break_holder] --> if (v >= 6)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).animate({rotate: '+=' + half_v + 'deg'}, 0);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] -->

Divi Websites and Facebook Groups

If you are looking for more information on Divi then please check out DiviLibs, containing links to over 70 Divi related websites and over 10 Divi Facebook groups.

More From Our Geek Blog

Hide Field Label on Gravity Forms

To hide the field label on gravity forms, first use the placeholder text to set the description and then set the CSS Class gf_simple_horizontal on the form Please refer to https://www.gravityhelp.com/documentation/article/css-ready-classes/ for more information

read more

Style Gravity Form Submit Button

The following CSS can be used to style and position the submit button on a gravity form field. Please replace the FORMID with the ID of the gravity form e.g. body #gform_wrapper_2 body #gform_wrapper_FORMID .gform_footer input[type=submit]{ float: right; margin: 0 50%...

read more

Position Logo

To change the postion of the logo in Wordpress using css you can use #logo { position: relative; left:15px; top:20px; } #logo { position: absolute; left:15px; top:20px; }

read more

Keep Posted with our Special Offers and Latest Updates

Like Us On Facebook!