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

Search the Community

Showing results for tags 'code-injection'.

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
  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 341 results

  1. Site URL: https://www.handverkslaget.squarespace.com Hi all 🙂 Are there anybody out there that would be able to help with the code injections for these? I have searched for results here, but couldn't find the answer. It's for pages where Squarespace doesn't have a system to change the language. Thank you! Best regards, Torgrim 🙂 STORE: When you click one of the items, you will see "Prev I Next" in the top right corner. I would like to be able to change this text, if easy to solve. When you click one of the "medlemskap" items, there are several options you can buy. I would like to change the text saying "Select". For items that are out of stock, see "Klistremerke" (Stickers), you will see that the box to purchase still says "Purchase". I would like to change this text if easy to solve. If you try to put some items in the shopping cart and continue checking things on the website, before going to the shopping cart in the top right corner, you will get to a page saying "Shopping cart", and below "Item", "Qty.", "Price", "Size", "Subtotal" and "Checkout" Is there a way to translate/change this text without too much work? The whole check out site is mostly english and I don't think this is any easy fix, so don't worry about it. CALENDAR: If easy solve, I would like to be able to change the english names on months and days. And also be able to use 24 hour system on the time/clock, instead of the british/american AM/PM function. BLOG: Under blog, where you have an overview of all blogs, it says "Read More" at the bottom. I would like to change this text if easy to solve. Same place as above. If possibe, I would like the dates to go Date/Month/Year instead of Month/Date/Year. Again, only if easy to solve. When clicking each blog post, on top you will see the Month/Date. I would like to translate the english months to another language, and have the date in front of the month. SEARCH BOXES: If possible, I would like to translate the text in the search boxes, saying "Search". FOOTER (All pages) At the bottom, you can see some links to other pages/sites. I would like to keep the Url link, but to remove the underline so that it looks cleaner. FAQs General question, but I tried this code injection (see https://www.kayleighnoele.com/blog/how-to-install-a-faq-dropdown-accordion-in-squarespace) for a FAQ dropdown system. I added it and it looks okay, but it doesn't seem to dropdown/close when clicking the question. I did install this here: https://handverkslaget.squarespace.com/ofte-stilte-sporsmaal-faqs (password: trond), but I can't see it work for me. Is it just me? Just if an easy solve.
  2. Hi everyone, In the backend of the website, I have add a series of categories to help support the filtering. However, there are only a certain range of categories I wish to display (under titles) in a Summary Basic Grid. Is there a way to black out hide certain category labels? Thanks if your can help 🙂
  3. Hello, I am not sure if what I am looking to do has a specific name, I couldn't find anything related to it in the forums. I would like customers to be able to personnalize products. To do so, they would enter the text they want to have and it would then show up on the product image. This text would also be limited in the number of characters. Would it also be possible to have the text show up in the font I want (not a standard office font)? and ideally, color. It would then all be added to the cart. I hope my requirements are clear. Could anyone help me on how to write this code? Thank you
  4. Site URL: https://hyparhymes.squarespace.com/ Hi, I am trying to layer my navigation. I would like to have the logo, then the hamburger icon, then social media icons - all centered. Is there a way to code this in? The Hamburger icon will need to show on both desktop and mobile. Password for website is $. Any help is appreciated. Thank you.
  5. Site URL: https://www.shopmaisaguam.com/faqs I am trying to edit the size of the text in my FAQ drop down menu, more specifically the question. I customized it to display the text using the font default for Heading 5 (H5), however, I can't seem to find where I can edit the size for Heading 5. The font editor only allows for edits up to Heading 4 (H4). How can I edit the size of Heading 5? Or is it even possible? Second, I understand the code abbreviation for headings begin with the letter and then the number (H1, H2, H3...) but what is the abbreviation for paragraphs? If it isn't possible to edit the size specs for Heading 5 maybe I'll just switch it to Paragraph 1 instead?
  6. Site URL: https://experimentalbitchpresents.com/ Hello, I'd like to add a button to the images on a gallery block on a page (homepage) that's part of an index. Any help would be so appreciated! website: https://experimentalbitchpresents.com/ template: Mentor (added 2 yrs ago) Thank you!
  7. Site URL: https://www.hayloft.media/ I would like to run an instagram block / feed across bottom of my site, flush with the margins - no spaces at the sides! can anyone help me with some code to do this on the instagram block. I have the page hidden at the moment. the url is hayloft.media i'm using 7.1. I would be very grateful for help, thank you!
  8. I have added the code on three separate occasions to create an accordian style faq but the answer to the question is always visible, I have Java script enabled in Firefox, has anyone any ideas?
  9. Site URL: https://www.flowerfeatherfarm.com I added the Facebook messenger chat widget to my website but it is glitching and annoying and I want it gone. I thought I could just go remove the injected code the same way I added it, but no. The injected code box is blank on EVERY page but the annoying widget persists.
  10. Site URL: https://coralmountaingolfclub.com/test Hi all! Im looking to create a landing page for our website that is split screen so the viewer is immediately shown either "golf" or "dining" as the options. I have my code written out is VS Code but when I go to place it in the Custom CSS section it alters styles on other pages. I've read about using the collection id and using that to target specific pages but it doesn't work for me. Any Ideas? coralmountaingolfclub.com/test pass: test Thanks! Ill post my code below... HTML - Header Code Injection <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Split Landing Page</title> </head> <body id=collection-5eb5f7e1ef4eb24f7af96aeb> </body> <div class="container"> <div class="split left"> <h5>Golf</h5> <a href="#" class="button">Read More</a> </div> <div class="split right"> <h5> Dining</h5> <a href="#" class="button">Read More</a> </div> </div> <script> const left = document.querySelector(".left"); const right = document.querySelector(".right"); const container = document.querySelector(".container"); left.addEventListener("mouseenter", () => { container.classList.add("hover-left"); }); left.addEventListener("mouseleave", () => { container.classList.remove("hover-left"); }); right.addEventListener("mouseenter", () => { container.classList.add("hover-right"); }); right.addEventListener("mouseleave", () => { container.classList.remove("hover-right"); }); </script> </body> </html> CSS - Custom CSS #collection-5eb5f7e1ef4eb24f7af96aeb { /* variables that are called upon by later code. */ :root { --container-bg-color: rgba(90, 90, 90, 1); --left-bg-color: rgba(255, 255, 255, 0.25); --left-button-hover-color: rgba(255, 255, 255, 0.6); --right-bg-color: rgba(255, 255, 255, 0.25); --right-button-hover-color: rgba(255, 255, 255, 0.6); --hover-width: 70%; --other-width: 30%; --speed: 1250ms; } header { display: none; } footer { display: none; } /* The main elements of the page. */ html, body { padding:0; margin:0; font-family: Verdana, Geneva, Tahoma, sans-serif; width: 100%; height: 100%; overflow-x: hidden; } /* H5 is the main text on the sliders. Had to choose H5 becuse 1-4 are used by squarespace. */ h5 { font-size: 3.5rem; color: #fff; position: absolute; left: 50%; top: 20%; transform: translateX(-50%); white-space: nowrap; } /* The button styles. Will probably change in squarepace to look uniform. */ .button { display: block; position: absolute; left: 50%; top: 40%; height: 2.5rem; padding-top: 1.3rem; width: 15rem; text-align: center; color: #fff; border: #fff solid 0.2rem; font-size: 1rem; font-weight: bold; text-transform: uppercase; text-decoration: none; transform: translateX(-50%); } .split.left .button:hover { background-color: var(--left-button-hover-color); border-color: var(--left-button-hover-color); } .split.right .button:hover { background-color: var(--right-button-hover-color); border-color: var(--right-button-hover-color); } .container { position: relative; width: 100%; height: 100%; background: var(--container-bg-color); } .split { position: absolute; width: 50%; height: 100%; overflow-x: hidden; } .split.left { left:0; background: url('https://static1.squarespace.com/static/5e1952f75a573311900e4f3b/t/5eb8fa9798232c36f5f5af41/1589181080159/golfcourse.jpg') center center no-repeat; background-size: cover; } .split.left:before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--left-bg-color); } .split.right { right:0; background: url('https://static1.squarespace.com/static/5e1952f75a573311900e4f3b/t/5eb8fa9b75c2e1070e2b37b8/1589181083618/ironsclub.jpg') center center no-repeat; background-size: cover; } .split.right:before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--right-bg-color); } .split.left, .split.right, .split.right:before, .split.left:before { transition: var(--speed) all ease-in-out; } .hover-left .left { width: var(--hover-width); } .hover-left .right { width: var(--other-width); } .hover-left .right:before { z-index: 2; } .hover-right .right { width: var(--hover-width); } .hover-right .left { width: var(--other-width); } .hover-right .left:before { z-index: 2; } @media screen and (max-width: 800px) { h5 { font-size: 2rem; } .button { width: 10rem; } } @media screen and (max-height: 700px) { .button { top: 70%; } } }
  11. I am trying to setup integration with an affiliate program. I'm sending an XHR to the affiliate on order confirmation (using the code-injection tool), but I can't figure out what the SquareSpace variable is to get the discount code. I need to include this in the JSON I'm sending. Does anyone know what that variable is called? What I have already is below. I've tested it with hardcoded data to confirm that it does work correctly, but I need to know what that "coupon" variable is on the SquareSpace side. <script type="text/javascript"> let request = new XMLHttpRequest; request.open("POST", "AFFILIATE_LINK"); request.setRequestHeader('Api-Key', 'APIKEY'); request.setRequestHeader('Content-Type', 'application/json'); request.send(JSON.stringify({ "coupon": promoCodeThatINeedFromSquareSpace, "amount": {orderSubtotal}, "customer_id": {customerEmailAddress}, "external_id": {orderID} })); </script> Thanks in advance for any help!
  12. Site URL: https://sarah-weerth.squarespace.com/textiles/lovers-niches I am integrating Shopify's Buy Button on my Squarespace site by adding the code to the "Additional Info" section for each product. I have hidden what I need from the Squarespace product page with no problem. However, I would like to move the location (order) of the "Additional Info" block - I would like the it (Shopify's buy button code) to be under the product description rather than under the image. Any thoughts on how to do this?
  13. I'm trying to customize my search result page on Brine template and can't find a way around it. I need to inject this custom code in the search and search result pages: <style> .Header-branding { max-width: 190px; max-height: 190px; } </style> If someone knows a way... I'd be super thankful.
  14. Site URL: https://www.adriamarblegranite.com/ I tried to add the custom javascript code in code injection, It worked and I can see the code on all pages. But I need this form only homepage <div class="_form_8"></div><script src="https://adriamarble.*****com/f/embed.php?id=***" type="text/javascript" charset="utf-8"></script> This is my code
  15. Site URL: https://constantinetohme.com/treatments Can anyone help me I'm trying to restrict the width of 'gallery page' images on Supply template - [here] is an example of a 'gallery page' - where images are displayed vertically with text shown on the right. Does anyone know custom CSS i can use to restrict the width of those images? I just want the images to be narrower and restricted/custom width. I've tried different css but can't seem to figure it out... what's worse is when the browser window is made full screen the image also scales up and increases the width, distorting and just taking up more of the page then I want it to. Any CSS advice to fix that really appreciated! Thanks
  16. I am trying to find a way to add small circles under my products that are filled with a certain color. I want customers to quickly be able to see a product, and the available color options under that product without having to click on it.
  17. Site URL: https://pelican-swordfish-prem.squarespace.com/ Hello all, I'm having trouble with forms. Trying to get contact information, name and phone number. Customers have Thai names and most of them use their mobile devices. Problem: Forms are not submitting on mobile devices. Can on computer. message: valid names contain only letters, numbers, spaces, or characters. Not sure what to do next? Can sqaurespace even able to read thai through mobile?
  18. Site URL: http://www.harrisoncarto.com I have code blocks on my website and would like to make overflow text scroll on mobile rather than wrap. I've included the following code, which works for desktop windows but not mobile ones: pre, ul, ol, dl { font-family: courier; line-height: 1.3em; overflow: auto; } I've also included a picture of what the code looks like on mobile. Any help is appreciated.
  19. Site URL: https://www.shawresourcesinc.com/this-is-a-test Hi, Whenever I embed an iframe into my page, it removes the page's header image. How do I fix this?
  20. What custom code can I add to squarespace to have the full day publish to a blog post? To look like this: WEDNESDAY, APR 29, 2020 on each blog post? This is what I have currently: APR 29, 2020
  21. Site URL: https://www.jackrabbithill.com Hey, I am trying to inject some code that will re-direct customers who have completed a purchase to a "thank-you" page but am having no luck with it. I have injected some code into the 'Order Confirmation Page' portion of the code injection portion of the setting but it does not seem to re-direct to the thank you page. Any help would be appreciated. Thanks (Here is the code that I have used to re-direct but doesn't seem to work) <script> var timer = setTimeout(function() { window.location='/thank-you }, 1000); </script>
  22. Site URL: https://mikala.ch Dear community I've used a code injection to enable multi-language setup of my site. Now I wanted to add two basic links to the the footer middle block to let user change the language of the site. These links should be in the same css class as the footer navigation items so that if the design gets changed, the language switcher links are also changed. Does anyone know how to do that? Many thanks in advance for your help!
  23. Hi everybody, hope that all community is safe during this period. I’m based in France and work on the redesign of my dad’s website specialized in Piano, accordion business . I’ve got an issue related to currency . Indeed basically Squarespace display price in this format : €1,050.25 and in France legally we’re not using the comma to split thousand . Moreover currency symbol must be display on this way : 1050,25€ Any smart people got some tips or code injection that could support me ...I’m starting to be annoyed to pay 💰 this great solution but can’t be able to launch the website ..:) thanks a lot and #stayathome
  24. Site URL: https://www.originsettlement.com I have chat bot code in Advanced > Code Injection > Footer which causes it to show on all pages. I would now only like it to appear on specific pages though. Could someone please assist me with what I think I need to accomplish which I think is to add CSS code indicating where I don't want that chat bot to show. Not sure how to write CSS code. FYI, I'm using the Bedford template. Here's the footer code... <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7247910.js"></script> <!-- End of HubSpot Embed Code --> Thanks in advance for your help!
  25. Site URL: https://constantinetohme.com/treatments Does anyone know how I can make the images that appear on a 'gallery page' the same width? This is for supply template, and basically I just want to be able to keep the gallery page images a uniform restricted with... When the browser window is expanded the image becomes huge (way too wide); Any suggestions for css or code injection? Example of the page type [here].
  • Create New...