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

Search the Community

Showing results for tags 'code'.

More search options

  • 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
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 227 results

  1. I don't want to add the dropshadow on other elements like images, but just the embedded videos. Thanks!
  2. Hello,I'm looking for someone who could write me a code to remove those 2 buttons "qty" and "add to cart" only on certains pages of an online shop ?thank yoooouu !
  3. I've attached a screenshot of the page in question. I wanna make the "Continue: Choose Add-ons" button only clickable if the customer clicked the "Submit Requirements" button above it. I'd like the error message to display "Please submit requirements before continuing". What code should I inject into the header for this to work? Thank you so much!
  4. How do I change gallery block's background color to white? By default it's black (I'm using Wells template). I saw some posts saying I should inject some code and stuff, but any of those tips actually worked here. Thank you everyone.
  5. Hello! I am working on creating anchor codes, which I've gotten to work either having there be a blank white space, or just normal text. I can even get the code to appear as Heading type style which is grand too! I am working on creating the code that is Heading 2 style and italics. I can get the heading 2 style but not the italics. Any suggestions? I am trying to match the bio names on this page: https://www.aspireleadwell.com/team/#Joan-Lampe
  6. I've added custom code to 3 pages on my website for an email subscription that goes to Marketo instead of the squarespace email campaign. When I first arrive to my website (regardless of page), the subscription box is there. When I switch to a new page that also has the subscription page, the subscription box is not there. When I return to the original page, the subscription box is no longer there. The subscription box is only live one the first page I land on - not 1 specific page. Once I switch pages, it disappears altogether. Anyone have a solution? Thanks!
  7. I have tried adding the below 3.js script to embed block and code block. Page scrolling stops working. Have turned off ajax page loading and parallax scrolling. Also tried per page code injection which does not show up even though saved and refreshed. Anyone have any ideas?Here is the code: <meta charset="utf-8"> <title>My first three.js app</title> <script src="http://threejs.org/build/three.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.7.0/Tween.js" ></script> <script src="http://threejs.org/examples/js/controls/TrackballControls.js"></script> <script src="http://threejs.org/examples/js/renderers/CSS3DRenderer.js"></script> <!-- <script src="script.js"></script> --> <style> body { margin: 0; } canvas { width: 100%; height: 100% } html, body { height: 100%; } body { background-color: #000000; margin: 0; font-family: Helvetica, sans-serif; ; overflow: hidden; } a { color: #ffffff; } #info { position: absolute; width: 100%; color: #ffffff; padding: 5px; font-family: Monospace; font-size: 13px; font-weight: bold; text-align: center; z-index: 1; } #menu { position: absolute; bottom: 20px; width: 100%; text-align: center; } .element { width: 120px; height: 160px; box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5); border: 1px solid rgba(127, 255, 255, 0.25); text-align: center; cursor: default; } .element:hover { box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.75); border: 1px solid rgba(127, 255, 255, 0.75); } .element .number { position: absolute; top: 20px; right: 20px; font-size: 12px; color: rgba(127, 255, 255, 0.75); } .element .symbol { position: absolute; top: 40px; left: 0px; right: 0px; font-size: 60px; font-weight: bold; color: rgba(255, 255, 255, 0.75); text-shadow: 0 0 10px rgba(0, 255, 255, 0.95); } .element .details { position: absolute; bottom: 15px; left: 0px; right: 0px; font-size: 12px; color: rgba(127, 255, 255, 0.75); } button { color: rgba(127, 255, 255, 0.75); background: transparent; outline: 1px solid rgba(127, 255, 255, 0.75); border: 0px; padding: 5px 10px; cursor: pointer; } button:hover { background-color: rgba(0, 255, 255, 0.5); } button:active { color: #000000; background-color: rgba(0, 255, 255, 0.75); } </style> <div id="container"></div> <div id="menu"> <button id="table">TABLE</button> <button id="sphere">SPHERE</button> <button id="helix">HELIX</button> <button id="grid">GRID</button> </div> <script> </script>
  8. Link to my website I noticed when updating my site today that using <.br.> (minus the periods) has totally stopped working in my site title as a line break and simply displays as normal text. I've replaced it with a | for now. It was never a good solution because it showed up in previews as text as well but at least it worked on the site.So, how do I create a line break now if this code is no longer accepted?
  9. I tried inserting a html/css code (it's supposed to be an intro of my name/education like a typewriting gif) on my homepage but it keeps giving me the missing opening '{' even though I tested out the code on codepen.io, which worked fine... I then proceeded to add '{' in my code but it gives me "error on line _" (whenever I add the {). I'm not sure if it's glitched or I did something wrong.
  10. I built a URL for testing related to paid search and was testing it within email. Whenever I clicked on the link in email the result in the browser was different. I'm not sure what is happening... Link In Email:http://www.website.com/landing-page?utmsource=emailtest&utmmedium=emailtest&utmcampaign=nocampaigntest&utmterm=landingpagetest&utmcontent=emailtest Result in browser:https://www.website.com/landing-page?utmterm=landingpagetest&utmcontent=emailtest
  11. Hi Guys, So sorry if this topic has been answered a thousand times, I've had a search through, but can't quite find a solution... I'm attempting to embed Lodgify into my Squarespace website and wanted to embed some code into the banner, which will essentially display a booking search bar. Is this at all possible? Thank you in advance, Thomas
  12. Hello, I am working in the Jaunt Template - looking to move the additional tab to below the 'add to cart' button. I am using a toggle hide/show in the additional info tab as I can't seem to work out how to inject code to the product description. Thanks
  13. I would like to use a simple 2-image GIF (run just once) as the banner on a page. AND, I would like to load the text blocks over that image, ONLY after the GIF animation finishes. Some kind of code injection? Working on this page: https://www.connect4whatworks.com/connect-products The GIF looks like the attached file. Will send copious amounts of gratitude your way for the answer... Jack
  14. Hello - I am looking to hide my footer (and nav bar/header if possible) from one page. I can't find guidance of the best way to do that with the template I'm working with. I essentially want a commerce page that is just the products, nothing else - is that able to be done? Does anyone know a code injection I can use? Thanks so much!
  15. Hi all! Having issues with two vertical scroll bars on the Lange template. See image below: A quick fix that I've found is to add .overflow-wrapper {height: 100vh;} to custom CSS , however when I do this the Index Nav Footer does not load when scrolling to the bottom of the page. Upon inspecting the element I've found the following code that seems to be preventing the Index Nav from showing: .index-item-navigation:not(.hide) { opacity: 0; will-change: opacity;} Any chance someone could help out? I'm trying to remove the double scroll bars without affecting the Index Nav Bar. Website is www.mylescooley.com, and the issue can be seen when clicking into the photography index pages.
  16. For one of my client websites, the customer has requested an 'autofill' segment for addresses, based on location. I wondered if there were any existing plugins or any advice on how to do this in the squarespace form. I've strong familiarity with HTML and CSS, but not so much with Javascript and other languages. I've come across this online, but I'm unsure if it can be implemented on Squarespace...https://www.solodev.com/blog/web-design/adding-an-auto-complete-address-field-to-your-forms.stml Thanks in advance.
  17. so i want to have users to agree on two things (in checkboxes) before they can submit a form to me.(just like you cant proceed without agreeing the term and conditions on some websites/services) how would i do that?is there a way in javascript to check by the ID of the checboxes if they are checked or not (true/false), and if they arent checked - and try to submit the form -> they will get a pop-up saying they must check the inboxes before submitting the form?thanks
  18. Hi everyone! I have a client with a hosted calculator application that we need to link to our site. They've done this previously with the app on Wordpress: https://secondunitcentersmc.org/calculator/ I'm currently building a site for a similar initiative for them in Moksha. Here's what their calculator developer said: ** The ADU Calculator is a hosted application. We've built the tool on Google's Angular front end technologies and Heroku servers. The calculator loads each client's data configuration and HTML header and footer files. We have you set up at sonomanapa.aducalculator.org. Alternatively, you can set up your own subdomain to point to us with a CNAME record in your DNS settings. Let me know if you want to go this route. For branding/customization we load in html header and footer files that you provide. Right now we are supporting pure html/css in the header. ** What is my best option for Squarespace given the above? How do I get this calculator on this page of my site (https://northbayadu.squarespace.com/calculator - password is northbay)? Would I use Developer Mode to pull the header and footer files, they would recreate on the hosted app page, the I'd setup a subdomain redirect? Do I have other options? I'd love help with understanding what's possible and how to make this happen! If this requires something that I cant do on my own, I'd love to hire a developer that can help me. Thanks!Jennie
  19. I am trying to insert code for an online sign-up form from EveryAction for use on my organization's website: https://ponohawaiiinitiative.org. Currently, the old MailChimp form is there as I don't want to disrupt current functionality. Below is the code from EveryAction for embedding an online form on the website. Best as I can tell, the code works fine, as does the form. However, the code block is far too short to house the entire form, so the page is automatically creating a scrolling block, which makes it extremely difficult to view/complete the form. Frustratingly, I've reached out to Squarespace support who had nothing to offer in terms of help and suggested I try here. Here is the code: <script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script> <div class="ngp-form" data-form-url="https://actions.everyaction.com/v1/Forms/jsa9_IHvuEmMBiJdFI_9WQ2" data-fastaction-endpoint="https://fastaction.ngpvan.com" data-inline-errors="true" data-fastaction-nologin="true" data-databag-endpoint="https://profile.ngpvan.com" data-databag="everybody" data-mobile-autofocus="false" > </div> And here is what the draft page looks like with the form block: Any advice anyone can offer would be helpful. I've tried everything I can think of to resize the code block. Mahalo!
  20. Hello, I have a custom code block on a banner, and I can't for the life of me left align it. By default, it is centered. I've used the CODE but nothing changes. Here is my code in the block on www.greenlinksp.com (pw verde). <section class="sp-intro"> <h2 class="sp-headline slide"> <span>your link to:</span> <span class="sp-words-wrapper"> <b class="is-visible">strategy</b> <b>innovation</b> <b>partnerships</b> <b>resources</b> <b>results</b> </span> </h2> </section> Any thoughts?
  21. I created "cards" in a code block that I'm going to use to offer services. I have two issues that I need help with: I'd like the heights of the cards to be restricted, so they are all equal in size and line up. I want the "BOOK NOW" button INSIDE the cards, which I know needs to be done with code, since the cards were created with code. Any body know how I can do this and also keep the styling of the buttons the same as the rest of my button blocks throughout the site? Here's the code I used to create the "cards": <div class="grey"> <h3>header goes here<p> subheader goes here </p></h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> <style> .grey { background: #ececec; padding: 50px; text-align: left; } </style> A million thanks to anyone who can help!!
  22. I am looking to add a comments box at the bottom of a regular page on my site. Can anyone advise how tricky this is to do with custom code?
  23. I've made the header transparent on my site but wondered if I could make it visible with a white background against specific images that make the header hard to see? I've uploaded an image for example. My website is: http://www.jamie-kirk.co.uk
  24. Hello, everyone. How did you learn coding and programming?
  25. To either define a word or phrase, say a brief description, or introduce a new concept that isn't common knowledge, I want to add this as a feature that Squarespace already has on their own Help Articles. I would assume this would take Javascript to pull off, but my knowledge is limited. There are several of these unanswered questions on this forum, so I'm just adding myself as another voice for the desire to be able to do this. Thanks in advance for any pointers!
  • Create New...