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

All Activity

This stream auto-updates     

  1. Past hour
  2. Hey @tuanphan I would also love some help, my client wants me to display 2 columns on mobile on every project / work page. Here'a an example page: https://oriole-grasshopper-yxhx.squarespace.com/lululemon-roksanda P: Remi2020 Would you possibly be able to help me at all with what to pop into the header section on each page please? I'm happy to update the YUI code etc per page as needed. Also, aware I might need to update the layouts, so text and image sit under each other, rather than next to each other. Thank you in advance 🙂 Ryan
  3. Hi, Please share your website URL. Also, please check this summary page maybe you like it! Best, Leopold
  4. Today
  5. Hello, i am using a summary grid for my blog post in 7.1 , but i would like to go back to the original blog grid page with the blog page settings, how can i do that? When I delete the summary, the page is empty, where do I see my blog posts? thanks for your help 😉 Best, dake
  6. Nice looking site! One thing I found. I prefer that a website doesn't open a new window/tab when I click on a link. The VIEW button on the home page does this.
  7. Yes, if set up correctly, this is exactly what happens 🙂. Of course, it’s very configurable, so there are numerous ways to set it up. If it doesn’t work first time, I recommend you get in touch with the Acuity Scheduling team as their support is fantastic. You can contact them here: https://help.acuityscheduling.com/hc/en-us/requests/new
  8. It’s difficult to say without seeing it. Please provide a working link to the page, and the steps you followed That caused it to revert.
  9. Please give us the URL to the page where you are having an issue. If you've not already done so, please set up a site-wide password. Post the password here and then we can take a look at your issue.
  10. Is that what was causing the Burger to be too far to the right also? I have been trying to figure that one out Thank you I am very open to critique to get this right
  11. Please give us the URL to the page where you are having an issue. If you've not already done so, please set up a site-wide password. Post the password here and then we can take a look at your issue.
  12. I am seeing the issue that @katiebostedt described. I suggest you take out the previous CSS you entered. Save a copy somewhere in case there are issues with the following. Add the following in Page Settings > Advanced > PAGE HEADER CODE INJECTION for the page in question. That is assuming you are going to have a store. If not then put in Design > Custom CSS minus <style> and </style>. <style> @media screen and (max-width: 640px) { #block-yui_3_17_2_1_1599776681553_11479.sqs-block-image { margin-bottom: 2vw; margin-left: 2vw; padding-top: 50px !important; } } #block-yui_3_17_2_1_1599776681553_11479.sqs-block-image { background: -webkit-gradient(linear,right top, left top,color-stop(40%, rgba(0,0,0,0)),color-stop(40%, pink)); background: -o-linear-gradient(right,rgba(0,0,0,0) 40%,pink 40%); background: linear-gradient(270deg,rgba(0,0,0,0) 40%,pink 40%); padding: 50px; } </style> This is for a v7 site. Let us know how it goes.
  13. I found a sollution to this which forces the browser to load the fallback before the video: Go to SETTINGS - ADVANCED - INSERT CODE Insert this code in the FOOTER block: <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>
  14. Site URL: https://lukaseriksen.com Hey guys, I'm currently creating my first website and I'm struggling to integrate a custom inverted cursor on to my site. I found this bit of code digging through another squarespace site, but it doesn't seem to be working on my site. I think the main problem is that "mix-blend-mode: difference" does not seem to be working. I would be super dooper grateful if anyone could help me out with installing this bit of code. My Website: lukaseriksen.com Here is the code I've found: <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none; } .cursor { --size: 10px; height: var(--size); width: var(--size); border-radius: 50%; position: absolute; z-index: 99999999999; transform: translate(-50%, -50%); pointer-events: none; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */ transition: width .6s, height .6s, background-color .6s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 50px; background-color: #ffffff; } </style> <script> $(window).mousemove(function(e) { $(".cursor").css({ left: e.pageX, top: e.pageY }) }); $(window).mousemove(function(e) { $("a") .on("mouseenter", function() { $('.cursor').addClass("active") }) }); $(window).mousemove(function(e) { $("a") .on("mouseleave", function() { $('.cursor').removeClass("active") }) }); </script>
  15. Hi, I want to centralize my custom html code . Please tell me how can i do that ?
  16. Add the following to your CSS. #topNav nav ul>:nth-child(3):hover { border-bottom: none; } Add the following to Settings > Advanced > Code Injection > FOOTER. <script> $( ( ) => { $( '#topNav nav ul li:nth-child(3) a' ).hover ( function ( ) { let $this = $( this ); let w = $this.width ( ); $this .data ( 'data-default-text', $this.text ( ) ) .data ( 'data-default-style', $this.attr ( 'style' ) ) .text ( 'Coming Soon!' ); if ( $this.width ( ) < w ) $this.width ( w ); }, function ( ) { let $this = $( this ); let s = $this.data ( 'data-default-style' ); $this.text ( $this.data ( 'data-default-text' ) ); if ( typeof s == 'undefined' ) { $this.removeAttr ( 'style' ); } else { $this.attr ( 'style', s ); } } ); } ); </style> Let us know how it goes.
  17. Hello, I'm having the same issue on a couple of pages, heres an example: https://centralcarolinaproducts.com/products I applied the code but am still having a lot of space underneath the slideshow.
  18. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5f468d625ecd870953366944 .span-8 { width: 66.6667% !important; float: left !important; } }
  19. Can you share site url? We can check easier.
  20. It seems you solved? If no, can you describe in mor detail on mobile?
  21. Blue: nav open White: nav closed?
  22. Add to Page Settings . Advanced > Header <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 40vh !important; } } </style>
  23. Hi There, I am also trying find the same answers but no help around, Landed to your post here and I wonder if you have managed to connect with CREA mls feed, if yes, kindly share your knowledge to help me connect too Thanks Mazhar
  24. My home page wont enable - even though its the only homepage I have set AND I only have 15 pages - anyone got any advice?
  1. Load more activity
  • Newsletter

    Want to keep up to date with all our latest news and information?
    Sign Up
  • Create New...