Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

  1. @tuanphan and everyone else on this thread I was able to find this code below from this site. https://createyouronlinepresence.com/blog/2018/5/14/improve-loading-experience-when-using-a-background-video-on-squarespace This is the closest thing to a solution I've been able to find - I tried it but it didn't work, but I am also wondering if I did not implement it correctly. @tuanphan if you have a moment to check this out would you let us know? Thank you so much! <script type="text/javascript"> (function(){ // Custom script to load the fallback image of a video in the background while loading var startObserver = function(sqsVideoEl){ var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; if (!MutationObserver){ return; } var getPlayerElement = function () { // the element changes from div to iframe during runtime, id is the same though. return sqsVideoEl.querySelector('#player'); } var fallbackImageElement = sqsVideoEl.querySelector('.custom-fallback-image'); var isVideoReady = function(){ return sqsVideoEl.querySelector('#player.ready'); } var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (isVideoReady()) { observer.disconnect(); getPlayerElement().style.opacity = 1.0; fallbackImageElement.style.display = "none"; } }); }); var isIframeLoaded = function (){ if (!sqsVideoEl.querySelector('iframe#player')) { setTimeout(isIframeLoaded, 150) } else { observer.observe(getPlayerElement(), { attributes : true }); } } if(!isVideoReady()){ getPlayerElement().style.opacity = 0.0; fallbackImageElement.style.opacity = 1.0; fallbackImageElement.style.display = "block"; isIframeLoaded(); } } var init = function(){ // As there can be multiple background video's on a single page we do this for all of them in a loop. var items = document.getElementsByClassName('sqs-video-background'); var items_len = items.length; for (var i = 0; i < items_len; i++) { var el = items[i]; startObserver(el); } } try{ init(); }catch(err){ if (console && console.error){ console.error('Error while trying to load fallback images by default (manual code injection script in Settings > Advanced):', err); } } })() </script>
  2. Hi @tuanphan We have a cover video that welcomes people to our site. Like everyone else on this thread the cover image starts the video but once the video actually starts it's blurry for a little while. Do you know a work around for this by chance? The link for the new site is below. Any insight would be greatly appreciated. Thank you. https://www.artoftileandstone.com/
  3. Hi @tuanphan we are experiencing a similar issue on our site as well. Could you help us figure out a way to change the logo on the individual product pages of our shop? https://coyote-bagpipe-yyjt.squarespace.com/shop/ferb6jya7878ba7-ejszk-msxa2-rgdj3-zb48c-z2b53-el68s-n997b-eka39 The password to view is Doves2021! Let me know if you have any questions. Thank you!
  4. Oh perfect, that worked great! Thank you so much @tuanphan 🙂
  5. Sorry about that @tuanphan https://www.jenniferstonerinteriors.com/contact here you go.
  6. Hi @tuanphan we have a site using the accordion code and we were hoping you could help us figure out how to make the labels not so big? The accordion is located at the link below. https://www.jenniferstonerinteriors.com/contact-2 Let me know if you have any questions. Thank you!
  7. @tuanphan it is on the about page. Let me know if you have any other questions. Thank you!
  8. Hi there @tuanphan we were actually able to fix the custom fonts in the site mentioned above. But now we are needing help with the line breaks happening within the copy. Can you help us prevent this from happening like the screenshot? Let me know if you need anything from me. Thank you. Our access password is Doves2021! Thanks again!
  9. @tuanphan I am having a similar problem to the one mentioned above, where the custom font wont apply. https://carnation-cinnamon-brt4.squarespace.com/ The H2 strong font has been changed and is displaying on the home page (link above) but not the about page (link below). https://carnation-cinnamon-brt4.squarespace.com/about I have added the section ids in the CSS from the about page to be changed but for some reason the change will not take. Can you take a look whenever you have a chance please? I am also trying to adjust the font size of the h2 on the home page on mobile, but for some reason it wont take. If you could take a look here as well that would be amazing! Thank you so much.
  10. That worked perfectly! Thank you so so much @tuanphan!
  11. @tuanphan we have the business plan currently. Thank you in advance!
  12. I have a similar question to the one mentioned above, but instead of translating I would just like to change "OLDER" to "PREVIOUS" @tuanphan could you take a look please? Below is the link to the site and the password is Doves2021!. https://carnation-cinnamon-brt4.squarespace.com/blog Thank you!
  13. @tuanphan Do you happen know how to fix the date formatting in the blog for the site link below? I appreciate your help. Thank you! https://www.ristudiodallas.com/a-rendered-interior/spring-maintenance-tips-for-your-home
  14. Hi @tuanphan Just checking to see if the above question was solved or not. We are having a similar situation where we have a summary slider with hero images and it would be awesome if the images didn't go to a blank post page. Also, the site is working beautifully when I am previewing it with the edit but in a private window and on mobile the "slider" is supposed to be formatted to scroll from left to right but right now its showing all of the slides from top to bottom. Could you take a look if you have a moment? Thank you in advance. The site link is: https://carnation-cinnamon-brt4.squarespace.com/home and password is: Doves2021!
  • Create New...