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

Search the Community

Showing results for tags 'code'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.igordantas.com/about Hello! I've been trying to add a picture behind the text but can not find a way to do this. Ideally I would like that it could follow the cursor, but I think it is too complicated. being able to have it static in there would be enough. Can someone help with that? Thanks
  2. Hello, im trying to create a vertical navigation in the stanton template but none of the codes im finding are working and moving the header/navigation to left of screen.
  3. Site URL: https://www.ryanewanchuk.com/case-studies/fellowkidsblacklight Page Link: https://www.ryanewanchuk.com/case-studies/fellowkidsblacklight Password: SquarespaceDemoHelp! Hi, So I have been working on making my navigation change colour based on what the current visible page content background colour is. Surprisingly, I did manage to get it working for the most part, but I am having a few issues I am hoping to get help with. Problem/Goals 1. When the navigation reaches the first trigger, it changes as it should. However, when it reaches another area below that matches the same criteria, it does nothing. I would like to find a way to make the intersectional observer trigger on multiple sections, and ideally I want to be able to reorder sections and not have any issues. 2. When the navigation changes to black, and the menu is activated via the burger and then closed, the navigation returns to the original colour. I would like to keep the navigation colour the same after the menu is closed. 3. When the menu is opened, it only takes one colour theme. I would like the observer to change the menu overlay as well as the nav colour. This isn't as important as the other two. Here is the code I am currently using: <script> const sectionOne = document.querySelector(".black-section"); const sectionOneOptions = { rootMargin: '0px', threshold: .6 }; let prevYPosition = 0 let direction = 'up' const sectionOneObserver = new IntersectionObserver(function( entries, sectionOneObserver ) { entries.forEach(entry => { if (!entry.isIntersecting) { header.classList.add("white") } else { header.classList.remove("white") } }); }, sectionOneOptions); sectionOneObserver.observe(sectionOne); </script>
  4. Hello, I have 2 images next to each other on my website. When viewed on mobile, they view as single images stacked. I'd like the mobile view to show these two images side by side. Only on this page, not on others. Is there code to achieve it? Thank you.
  5. Site URL: https://www.jivamorelife.com Hi! I am trying to show multiple product blocks per row in mobile view. When I am in the web view, I have 4 blocks, but when I switch to mobile, they stack and are only 1 per row. How can I show 2 or 3 product blocks per row on mobile? For example, I am trying to do it on this page: https://www.jivamorelife.com/watercolor-splatters
  6. Site URL: https://round-algae-fj2m.squarespace.com/ Hi, I have added a folder to allow a drop down menu to appear under "Services" in my header. This works fine, apart from when I've clicked on one of the pages that appear in this drop down list. They disappear, although the dropdown box is still visible. I already have some code in place that allows for a pill shaped background to appear on hover and to stay behind a menu title when you're on that specific page. I'm not sure if this is causing the issue? Any ideas how to resolve this? I have attached a screengrab below to show what I mean. URL is: round-algae-fj2m.squarespace.com Password is: WaveTest Thanks Nicola
  7. Site URL: https://josieartstudio.com/ Hi, I have a bunch of images loaded via code blocks. I want to avoid using the gallery block. Currently my mobile view is stacking images on top of each other in one column. I'd like my mobile view to show the images in two columns side by side. I've tried multiple solutions but haven't been able to figure it out. Website is josieartstudio.com 🙂
  8. Site URL: https://www.SierraLakesRealEstateBrokerage.com Going to mess around with it a while longer. Just hoping one of you guy on this form have encountered this before when inserting a html code. This is how it looks like right now on my page. Cuts of more than 90% of the information.
  9. Site URL: https://www.elementhfp.com/memberships Hello, I have code supplied by Minbody for clients to Login or Register to their account. (Top left of my website) This is set up as a link in the primary navigation of the website. Link works and is functional however, when one opens the webpage the code displays in raw format to the user. This is the same case for the pricng links located on the membership page. The code used is as follows: Login | Register: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="loginRegister" data-site-id="102690" data-mb-site-id="5721400" data-bw-identity-site="false" data-type="account-link" data-inner-html="Login | Register" /> Sample Link (There are many): <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="102690" data-mb-site-id="5721400" data-bw-identity-site="false" data-type="contract-link" data-inner-html="Buy Now" data-service-id="107" /> Does anyone know how I can stop the raw code appearring to website users as the page loads. Thanks in advance!
  10. Site URL: https://www.macemasters.co.uk/ Hey guys, thanks for reading this. Currently when a user is on a page, it's corresponding title is underlined in the navigation bar. For instance when a user on a shop page the SHOP in the navigation bar is underlined. Does anyone know what code I would need to stop this? Many thanks,
  11. Site URL: https://www.spawellness.com/spa-wellness Hi, I have included a testimonials section on this page (see KIND WORDS). To do this, it was setup using the blog tool as a workaround. I am happy how it views as 3 column on desktop/tablet .... but I would like it to view as 1 column on a mobile. Currently it displays as 2 column on mobile which I dont like. Can anyone help with code? Thanks
  12. Hi, Does anyone know how to replace the magnifying glass with anything else in the portfolio page? The nice dude on Live Chat suggested I ask on here, so if anyone can let me know how to replace is with an arrow, or hand or anything else, please let me know. THANKS!
  13. Site URL: https://www.spawellness.com/projects Hi, Hoping to find someone who can help with code so this gallery block (which is 3 column wide on a desktop/tablet) converts to only 1 column when viewed on a mobile device. Currently it displays as 2 column on a mobile, but I only want it 1 column so it is the full width of a mobile device. Thanks!!!!
  14. Site URL: https://moneymoves.com.au Hi, I'm looking for some help to get a markdown block to run Klaviyo embed code. I'm not sure if this will work, but I've previously added code to my website to allow html language in the markdown block AND I've previously successfully used ConvertFlow code in a markdown block, but it was accompanied by some script which may have helped. I am trying to get rid of ConvertFlow if I can make Klaviyo do what I need it to. Oh and for extra context, I'm trying to add the Klaviyo code to the Markdown block to have more control about where it shows up and how it aligns - I'm finding that less elements are better. The elements are in the first section on my site - photos of the blocks attached for reference. Convertflow code in markdown block, with text code <script> if (window.convertflow == undefined) { var script = document.createElement('script'); script.async = true; script.src = "https://js.convertflow.co/production/websites/29300.js"; document.body.appendChild(script); }; </script> <div class="cf-cta-snippet cta94681" data-website-id="29300" data-cta-id="94681"></div> Klaviyo code in markdown block, with text code <div class="klaviyo-form-R6tL2t"></div> Klaviyo code in code block <div class="klaviyo-form-R6tL2t"></div> Let me know if you have any questions. Thank you
  15. Site URL: https://seadragon-seahorse-8fae.squarespace.com/config/pages Hi. I'm trying to have an embedded short animated banner on my page. At the end of the short video, I want it to stay on the last frame, and Not show other Youtube video choices. This is supposed to be for my homepage eventually, once I've worked out the kinks. I have not published my site yet, but any help with a code that can keep the main video last frame or any frame showing is much appreciated. Thanks, Jenny
  16. Hi Everyone First time posting so apologies for any mistakes. We currently have a site being developed and we've had some custom code put on to the landing page. The code creates a search widget which is linked to our vacation rental software. Once the code was complete and uploaded to the site we requested some minor changes, the problem we have is that you can see the old version on safari and when you make the window smaller you can see the new lines in behind. The new up to date code looks ok on chrome. is this an issue with the browser or the code? Any support on the matter would be greatly appreciated Thanks in advance David
  17. Hey guys, I found the following article - https://css-tricks.com/website-escape/ and was wondering how I can add such a feature to my site, I do not know anything about code. Using the Brine template. Any help provided would be greatly appreciated!
  18. Site URL: https://virginsuncare.com I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. I would really appreciate any guidance here. Thank you!
  19. Site URL: https://www.twowanderingsoles.com/blog/top-things-to-do-in-new-york-city Hello! I would like to insert an affiliate disclosure line of text stating "This page may contain affiliate links" above the body of every blog post body and below the page title. The text line could be below the author's name and published date (like in the screenshot attached) or below the social share icons. I know I could manually insert the text line to every blog post, but I have over 600 posts and would prefer a simpler solution. Any help is greatly appreciated. Thank you.
  20. Site URL: https://codepen.io/arickle/pen/XKjMZY Hello, so I thought I would be able to build a custom website with a few point and clicks but it turns out what I'm trying to do requires a bit more custom css which I'm very new to. I'm trying to add something like this custom background found here https://codepen.io/arickle/pen/XKjMZY to the first section of my home/landing page of my website. I've tried adding the following code into a code block on the section I want it on but nothing happens. What am I missing? Or is it not possible? Any help is much appreciated. Thanks in advance! <div class="rain-section-background"> <div class="back-row-toggle"> <div class="rain front-row"></div> <div class="rain back-row"></div> </div> </div> <style> [data-section-id="the-squarespace-section-id"] { position: relative; } .rain-section-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; background: linear-gradient(to bottom, #202020, #111119); } .rain { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; } .rain.back-row { z-index: 1; bottom: 60px; opacity: 0.5; } .drop { position: absolute; bottom: 100%; width: 15px; height: 120px; pointer-events: none; animation: drop 0.5s linear infinite; } @keyframes drop { 0% { transform: translateY(0vh); } 75% { transform: translateY(90vh); } 100% { transform: translateY(90vh); } } .stem { width: 1px; height: 60%; margin-left: 7px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25)); animation: stem 0.5s linear infinite; } @keyframes stem { 0% { opacity: 1; } 65% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } .splat { width: 15px; height: 10px; border-top: 2px dotted rgba(255, 255, 255, 0.5); border-radius: 50%; opacity: 1; transform: scale(0); animation: splat 0.5s linear infinite; display: none; } .splat-toggle .splat { display: block; } @keyframes splat { 0% { opacity: 1; transform: scale(0); } 80% { opacity: 1; transform: scale(0); } 90% { opacity: 0.5; transform: scale(1); } 100% { opacity: 0; transform: scale(1.5); } } </style> <script> var makeItRain = function() { //clear out everything $('.rain').empty(); var increment = 0; var drops = ""; var backDrops = ""; while (increment < 100) { //couple random numbers to use for various randomizations //random number between 98 and 1 var randoHundo = (Math.floor(Math.random() * (98 - 1 + 1) + 1)); //random number between 5 and 2 var randoFiver = (Math.floor(Math.random() * (5 - 2 + 1) + 2)); //increment increment += randoFiver; //add in a new raindrop with various randomizations to certain CSS properties drops += '<div class="drop" style="left: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>'; backDrops += '<div class="drop" style="right: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>'; } $('.rain.front-row').append(drops); $('.rain.back-row').append(backDrops); } makeItRain(); </script>
  21. How would I overlap images and text to create a collage effect in 7.1? I'd like to be able to move my image blocks and text blocks with CSS to create something similar to the images I have attached. Any help will be much appreciated 🙂
  22. Hello. First of all thank you for the help you provide in the forum. So helpful! I would like to know if it is possible to remove notes from the source code on our website. Notes as the one I attach in the screenshot: Thank in advance for your time!
  23. is it possible as you scroll down a page to have the nav shrink into a hamburger menu? so 3 lines would be at the top if you are midway/somewhere down the page? and have that hamburger menu pop open on the side or something?
  24. Hi, I'm trying to add a scroll to top link/button to my site. I've followed a few of the HTML and CSS instructions in responses to other questions and the links appears but it only works once, then it won't work again until I navigate away from the page and return to it. Any idea what the issue is? Thanks!
  25. Site URL: http://www.taylornicoleportraits.com/availability I've been troubleshooting for hours and hours. I cant find any css or add any code to the iframe or anything to get rid of it. if I use the chrome inspect feature I can toggle the code that seems to be causing it, but none of the fixes i've seen in the forums google or anywhere fixes it. I just want the code block tall enough to fit all the content withOUT a scrollbar. it doesnt matter what height I set the iframe though, i literally set it to 1million pixels and that just makes a scrollbar that tall as well. here is what i've put in the code block: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script><iframe src="https://hello.dubsado.com:443/public/schedulerGroup/60fb1727a84ea303aaceed3a?isIframe=true" frameborder="0" style="width:0px; min-width:100%; min-height:500px"></iframe><script type="text/javascript">setTimeout(function(){iFrameResize({checkOrigin: false, heightCalculationMethod: "taggedElement"});}, 30)</script> help me remove this scrollbar please!
  • Create New...