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. 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 🙂
  2. 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.
  3. Hey you all! I'm pretty new to SS, so bare with me. I'm trying to reduce the spacing between the video and banner of the index page. It's the black block/banner here on my site to my site www.drpodcasts.com I've tried this code I found here on these forms, but it didn't work: <style> #page { padding-top; 30px; padding-bottom: 0px; } </style> Basically, I want to shorten the size of the banner page so the video is nearly flushed with the video. I know I could do this by going to Design>Styles>INDEX:PAGE>Padding (Overlay Pages), but this affects every index page. I want this type of padding adjustment, but to ONLY affect the index page of where my video is. I've also attached a screenshot of what I'm trying to achieve. Hopefully that makes sense and hopefully someone can help me with this! Thank you!
  4. Hi, everyone. I'm hoping for some help with code injection. Normally, I'd just play around with it myself, but since this is the checkout page, I need it to work right the first time! I would like people who check out to see the usual confirmation page, but after a few seconds, be directed to another page on the site (general-info). If possible, the usual confirmation page would show additional text saying something like, "Redirecting to General Information page..." also. I think I go to Settings/Advanced/Code Injection and down to Order Confirmation Page, but then.... ? Thanks for any help you can provide!
  5. 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!
  6. 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
  7. 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.
  8. 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
  9. 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?
  10. 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.
  11. 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!
  12. Site URL: https://inktractor.com I'm trying to figure out a way to add social sharing buttons through code injection on squarespace 7.1 because it doesn't have share buttons. I think there's a way I can manually add at least a like button through say facebook's "like button configurator" but it would be a manual add to every blog post through a code block. I've been told I could circumnavigate this through code injection but I don't know how to change the code to make it a different link for every blog post. Can anybody help me? Here's the code I'm trying to modify to recognize individual blog posts: <div class="fb-share-button" data-href="https://inktractor.com/fiction" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Finktractor.com%2Ffiction&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
  13. Site URL: https://www.jupiter10.com Hi guys, I’m a looking for help on how to change the way the pricing is displayed on the Clay template from Squarespace. I’ve looked everywhere and cannot find a solution. I sell wallpapers and all my products have 2 variants, the client can either choose to buy a roll (£145) or a sample (£2). When I add the 2 product variants the pricing is displayed as IMAGE 1 = from £2 ( the sample price) However, I find it misleading and I would like the pricing to be displayed as IMAGE 2 = Roll £145 / Sample £2 - this way I think it’s much clearer to customers the actual price of the product. At the moment I can get away with hiding the price attribute from the page and inserting it as plain text, but I don’t think it’s good practice. Is there any code or plugin I could use that would force Squarespace to display both prices from the product variants? Any help will be appreciated, Thank you very much.
  14. 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?
  15. 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%; } } }
  16. Site URL: https://horse-potato-6mep.squarespace.com Hi, I purchased 2 webfont licenses from MyFonts and am in the process of referencing the kit to my trial page. I have installed the fonts sucessfully, but the line @import url("//hello.myfonts.net/count/3af108"); keeps giving error message "f.location is undefine" the @import line is responsible for the pageview count and I need to use it because my license is limited to a certain amount of views. The MyFonts support team says "Unfortunately, that sounds like an error specific to Squarespace (it is not a standard CSS error) so for assistance with that I'd contact Squarespace directly. Could anyone help me out here? I really need to install this correctly to comply with the license. Thank you in advance, Martha Schmidt
  17. Site URL: https://robin-teal-d4e5.squarespace.com/ PW: Password Wondering how I can get the button and form field in the newsletter block to be less tall. I cannot figure out why they did not unify all buttons or at least allow customization size wise. Any help would be so appreciated!
  18. 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!
  19. 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?
  20. 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.
  21. 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!
  22. Hi there, It seems that there is some automatically added structured data to our website. Is it possible to remove it ? - http://prntscr.com/p31y0b Only "Corporation" is added by me, the other is automatically generated and is actually not proper for the type of business. I read an article on why the localbusiness markup is added but there was no answer on how to remove it. Regarding "Organization" and "Website" I have no idea why they marked and how to remove them. Thanks!
  23. How can I go from an "index" to an "index" using the carson template. It currently only let's you go from an "index" to a page or gallery. However, I would like for the links on the main index page open up another index page. Is there any workaround using custom code or another way to do this?
  24. 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
  25. 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
  • Create New...