Cbelle

@tuanphan Any luck?

@tuanphan https://octopus-gecko-238e.squarespace.com/?noredirect password:dillman It's still under development. I placed a video section in the footer and used the css code above. I also found this code and it works, but I am trying to add a video MP4 instead of an image. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #000; /* SET BACKGROUND SIZE */ background-size: 900px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("https://static1.squarespace.com/static/615511949ed8082b26e26898/t/61627c55e182b11f3f0eab7e/1633844315598/SD2.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(1900).fadeOut(1800); }) </script>

Hi all, I desperately need help with a my loading page. It works fine however I would like it to load once per page view. Everytime I head back to the homepage it loads. I have used a css workaround. no js at the moment. Code snippet below #footer-sections, #page { z-index:unset !important; } body:not(.sqs-edit-mode) { footer .page-section:nth-child(1) { position:fixed !important; top:0; bottom:0; left:0; right:0; animation:fadeOut 1s ease-out 5s 1 forwards; pointer-events: none; z-index:9999999; } } @media @mobile { footer .page-section:nth-child(1) { display:none; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } body:not(.homepage):not(.sqs-edit-mode) footer .page-section:nth-child(1) { display:none; }