Jump to content

Search the Community

Showing results for tags 'code'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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


  • Events Calendar

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: http://www.thenajinproject.squarespace.com Hi, I'm needing help adding these behaviours to the "back to top" button on my site: For it's background to be a white circle For it to only appear after the user has scrolled down I would also be so grateful if you can help me understand why the code block that sits in my footer for this button is so large in height on mobile. And help me reduce it so that the footer on mobile isn't huge. Site password: Fatu
  2. Hey all So im having an issue building this new site. So im making a custom home page - I removed the header and footer in the page's code injection <head> <style> #header, #footer-sections { display: none; } </style> </head> Then I am trying to add 4 customized buttons but every time I add the code blocks - they shift after I save. See video below. Can anyone see why this would be happening and offer advice on how to resolve it? Thanks Also here is the code that I am using for the button <html> <body> <style type="text/css"> .word{ display: flex; font-size: 40px; font-family: "Bebas Neue"; font-weight: bold; text-decoration: none; color: white; opacity:0.8; padding-top: 20px; padding-left: 30px; margin: 5%; } .r-anim{ transform: translateY(-30%); width: 100% } .s-anim{ transform: translateY(30%); width: 100% } .m-anim{ transform: translateY(50%); width: 100% } .word:hover .r-anim, .word:hover .s-anim{ transform: translateY(0%); transition: 1s all; } .word:hover .m-anim{ transform: translateY(0%); font-size: 40px; transition: 1s all; } .word:not(:hover) .m-anim{ transform: translateY(50%); font-size: 30px; transition: 1s all; } .word:not(:hover) .r-anim{ transform: translateY(-30%); transition: 1s all; } .word:not(:hover) .s-anim{ transform: translateY(30%); transition: 1s all; } </style> </body> <a class="word" href="https://en.wikipedia.org" target="_top"</a> <div class="anim-wrapper"> <div class="r-anim">R</div> </div> <div>E</div> <div class="anim-wrapper"> <div class="s-anim">S</div> </div <div>U</div> <div class="anim-wrapper"> <div class="m-anim">M</div> </div> <div>E</div> </div> </html> 363426745_codingproblem.mp4
  3. Hi, When I went to add a post to my blog I got the following error message: Error parsing Custom CSS, verify Custom CSS is valid. So I went into Design > Custom CSS where I found the code pasted below. I think I put this code in there to prevent people from right clicking. It was to protect my images, but obviously something has changed and it is now giving an error message. At the bottom of the code block it said they error was in the syntax in line 1. I am using the Avenue template. I'd really appreciate some help if anyone knows how I can fix it. Thanks Susan <SCRIPT language=JavaScript> var message = "function disabled"; function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } } document.onmousedown = rtclickcheck; </SCRIPT>
  4. HELP! I'm a Canadian business that primarily sells to US-based customers. I need to display "USD" after all of my products prices as well as in the cart for checkout. Previously, I had done this through Custom CSS but something changed and now that doesn't work. Currently, my products and checkout are only displaying the values and not the currencies, and I desperately need the latter included. I'm using the web-based editor. The holiday season is basically here so I need this resolved urgently.
  5. Hello. I'm using code from LTK for product images but they take forever to load unless you refresh the page. I just see a whirling circle for ages. Here is the code: <div class="lookbook-widget" data-widget-id="540404"><script type="text/javascript">!function(w,i,d,g,e,t){d.getElementById(i)||(element=d.createElement(t),element.id=i,element.src="https://widgets.rewardstyle.com"+e,d.body.appendChild(element)),w.hasOwnProperty(g)===!0&&"complete"===d.readyState&&w[g].init()}(window,"lookbook-script",document,"__lookbook","/js/lookbook.js","script")</script><div class="rs-adblock"><img src="https://assets.rewardstyle.com/production/61f9ee5202a6e5d5a5a6ac402d36fd9458932975/images/search/350.gif" onerror='this.parentNode.innerHTML="Disable your ad blocking software to view this content."' style="width: 15px; height: 15px"><noscript>JavaScript is currently disabled in this browser. Reactivate it to view this content.</noscript></div></div> And this is the page: https://www.getgetgot.com/best-buys/baby-toys (It's number 3, the monkey, that fails to load. The other images are Amazon code.) I've tried disabling Ajax loading but it didn't work. I've also tried viewing it in Incognito mode with no luck. Thank you.
  6. I built my website around Squarespace mobile view and my iPhone 13 Pro Max. Both showed that the layout looks fine. When we visit the website on android devices it seems to scale to some sections of the website wrong. How could I go about fixing this issue? I have attached some photos (the first three photos is the view from android devices, the last three are Squarespace mobile and my iPhone view.
  7. Hi There, I am looking for some guidance on how to make my code block with an embedded smartsheets form responsive to mobile display. As seen in the image below it is causing it to be the same size as web display. I have tried to add css with the block id as below with no luck: @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1611768057164_13459 iframe { width: 100% !important; height: auto; } } Any help on this would be greatly appreciated!
  8. Hi I got this error message saying "Error parsing Custom CSS, verify Custom CSS is valid" on my blog page editing and also events and I suppose any pages which when I want to do editing. What can I do ? I did not change any custom code and will definitely not touch any part of it as I think that may break the entire site and I have no developers to help me in this as I'm managing the site myself. Please help!
  9. Hello, I'd like to create an email campaign archive of past newsletters that I've sent via MailChimp and display it on my website. I created a code block and inserted the below code that MailChimp provided, setting it to display as HTML: <style type="text/css"> <!-- .display_archive {font-family: arial,verdana; font-size: 12px;} .campaign {line-height: 125%; margin: 5px;} //--> </style> <script language="javascript" src="//sarahmhoban.us14.list-manage.com/generate-js/?u=ef858ac15ac20d2ee21558861&fid=67844&show=10" type="text/javascript"></script> On Squarespace, it displayed as "Script disabled" in the code block and then showed up as blank when I tried to post to my website. I tried injecting the code into the page header and saw no change. Any suggestions for how to get this to work correctly? Thanks!
  10. Can someone help me understand why this is showing up? i've spoken to customer service twice , deleted cache but still nothing at still appears to be here. please any help would be much appreciated
  11. Hi there, I have a video I'd like to use as the background of my website however when I go to mobile view it crops it.
  12. Thanks to some of the other threads on anchor links, I got mine up and running for the most part. The problem is, they're overshooting their target by a good margin on every one. Can someone tell me what I'm missing? This is the code block I have on the page Heres the page : www.thetenmg.com/event Also, how do i make it so the menu can be collapsed to the side if they dont want to use it? This is the code block on the page to get the links visible on the right <ul class="tp-float-buttons"> <li><a href="#WHAT">WHAT</a></li> <li><a href="#WHO">WHO</a></li> <li><a href="#WHEN">WHEN</a></li> <li><a href="#WHERE">WHERE</a></li> <li><a href="#SPONSOR">SPONSOR</a></li> <li><a href="#GUEST">GUEST LIST</a></li> </ul> <style> ul.tp-float-buttons { position: fixed; top: 15%; right: 3px; z-index: 999; list-style: none; padding-left: 0; margin: 0; } ul.tp-float-buttons a { color: white; background-color: black; padding: 3px; margin-bottom: 2px !important; display: inline-block; min-width: 125px; text-align: center; font-size: smaller; top: 125px; position: relative; } </style> And this is the CSS code i had pertaining to it: html { scroll-behavior: smooth; scroll-margin: 300px; } .anchor { display: block; position: relative; top: -150px; visibility: hidden; #WHAT {top: -250px;} } and finally this is the code block i put in the very top of each section for the anchor links to refer to: <div ID="GUEST"></div> and <div ID="WHEN"></div> and <div ID="WHO"></div> etc etc
  13. Site URL: https://carnation-sailfish-2n5d.squarespace.com/ Site password: Navigation Hi can anyone tell me why my home page has a weird horizontal overflow and how to stop it? It's really strange, it's on the right hand side but only for the first half of the homepage, and then sometimes disappears by the time I scroll to the bottom / back up to the top. Is there something in my code that is causing this issue or is it a Squarespace / web glitch?
  14. Hey everyone, I have an issue with trying to make my sites footer transparent again. I have this bit of code within the Footer field in my Code Injection advanced section. It successfully made my footer transparent site-wide before the latest update. Now, it no longer works. Silly how a very simple design choice is not able to easily be implemented with Squarespace. Can anyone help me adjust the code to make it work with the latest update, please? Thanks! Site: https://www.KAJStudio.com/ <style> body.homepage { position: relative; } body.homepage footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } body.homepage footer.sections section, body.homepage footer.sections .section-background { background: transparent !important; } </style>
  15. Hi, I recently added a basic code block to a page (not on footer) to remove the header and footer (we needed a 'landing page' to be reached by URL but hidden on the site, without showing the site nav or connecting to other pages). I found this code by Googling it, and at first, it worked. (source: https://www.mehdiaoussiad.com/blog/squarespace-remove-footer-and-header-from-one-page) <style> .header, #footer-sections{ display:none !important; } </style> Now, the design is breaking across our site! Whole chunks of text and buttons have gone missing, fonts have swapped, photos are blown out and wonky, etc. I am not an experienced developer, and need your help! Can someone please: 1) Tell me how to do this correctly (if that's possible to do) and/or 2) Tell me how to remove this code block from our site (I can't find it anywhere now) and 3) Tell me if removing the code will make the site secure again Many thanks!
  16. I want when user on blog page click on read more it will open in a light box or pop, instead of redirecting on specific page https://bluebird-kumquat-e56g.squarespace.com/blogs
  17. Hi i was wondering if its posible to move the language selector from header to announcement bar.
  18. hello, i have an image on the left and left-justified text on the right. looks how i want it to on desktop. in mobile view i want the left-justified text to be centered vertically with the image above. possible? thanks!
  19. Site URL: http://chapter3.ca My page isn't published yet. I am setting it up on behalf of a client. I am using the Grow Well template. Rather than separate pages for each navigation link, all of my content is housed on one page. For my page navigation I've used links and applied the anchor link for each unique section id. They are as follows: chapter3.ca#about chapter3.ca#how-i-work chapter3.ca#service-areas chapter3.ca#team chapter3.ca#contact However, I want to also include a blog. This URL would be chapter3.ca/blog. When a user navigates to the blog, the navigation menu is now appending #about, #how-i-work. etc. to include /blog. (chapter3.ca#about becomes chapter3.ca/blog#about). When I changed the links in the navigation section of pages to include the full URL, this takes away seamless scrolling navigation on my main page. It tries to fully re-load the page and then jump to the section instead of just navigating up and down to each seamlessly. Is there a way for me to either use a different header for the blog or remove the header on the blog entirely. If I have to remove the header, I will likely add a back home button or links to the main page as separate navigation. Thanks in advance.
  20. Hello. I just upgraded to Squarespace 7.1 and I love it, I think it's great and big improvement over 7.0. I made a full bleed gallery at the top of the homepage which looks great on desktop but then gets cut off when I go to mobile view. Is there a way to show alternate images for when you are in mobile view? I could create some vertical friendly images for mobile. or Is there a way to crop the rotating images better? Thank you!!
  21. Hi all! I'm looking to utilise the blank space on Events pages (as shown to the left of the screenshot) to add adsense to every event/calendar page. It would appear after the '.eventitem-column-meta' Any help greatly appreciated.
  22. Hi, no css coding seems to work - I would like to remove the nav links and pink background on mobile view only, but keep the hamburger.
  23. Peace and blessings! The problem I am currently having is my banner images and background images for section blocks do NOT resize for mobile view. (and / or vice versa) Website Address is as follows: https://www.goodsocietyworld.com/ I have sized the images to be standard 2:1 wide. This works perfectly for mobile (when I size the block section to small). But when I go to mobile the image is distorted. OR whenever I make the block section perfect sized for desktop, it ends up distorted for mobile. I've seen codes that allow the TOP banner to stay congruent amongst both desktop and mobile, but the remaining banners in the lower blocks do not stay congruent. Hopefully the attached screenshots help out. Greatly appreciate any advice or help anyone has! Thanks! Sincerely, GoodSociety
  24. Site URL: http://www.hidearvirgule.com Hello guys, I'm from France, may I ask for your help: I want to make a page where I can generate some random words/ pictures clicking on a button. Is that possible with javascript, and if so, how can I incorporate it in Squarespace page ? Thank you so much for reading me, have a good night Flo
  25. Hi, Our online store sells fabric and we would like to be able to sell fabric in decimal quantities, for example 1.2m. Is there a code we can add that will allow customers to enter a custom quantity which would include decimals?
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.