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 350 results

  1. We have created a Squarespace site for the purposes of marketing a residential property, and we need to implement a tracking pixel in order to track leads from the digital ad campaign, which is run through realestate.com.au. The pixel code needs to be inserted directly after the <body> tag, however I haven't been able to access this through Squarespace. Code injection only allows me to inject code into the <head> or the footer. I'm using the Artesia template, any help is much appreciated!
  2. Hi all,I'm new here, I would like to add a breaking news holizontal scrolling ticker, like CNN or BBC on top of my homepage, somebody of you know how to do it on squarespace? Thank youRiccardo
  3. Hello, I'm attempting to add a D3 map visualization to my site via a code block. The map uses a CSV dataset to display its values. I'm unsure of how to link to/host the underlying CSV data file that the visualization should use. I believe this is typically achieved using a CDN, but it's not clear to me how to do this using SS. Any suggestions for how to tackle this? Thank you in advance.
  4. Site URL: https://jeboahmiranda.ca/in-her-blazer Hello, I have been trying to use the following code in my page where I want my podcast to show as a code block: <a class="spreaker-player" href="https://www.spreaker.com/show/in-whose-blazer-episode-1-by-jeboah-miranda" data-resource="show_id=4265883" data-width="100%" data-height="350px" data-theme="dark" data-playlist="show" data-playlist-continuous="false" data-autoplay="true" data-live-autoplay="false" data-chapters-image="true" data-episode-image-position="right" data-hide-logo="false" data-hide-likes="false" data-hide-comments="false" data-hide-sharing="false" data-hide-download="true">Listen to "#1: In Whose Blazer?" on Spreaker.</a> and this one in my header settings: <script async src="https://widget.spreaker.com/widgets.js"></script> to embed Spreaker into my website to display all my podcasts but it has not been working. I can only see the actual code come up on my page, not what it's supposed to turn into (the final product where consumers can listen to the podcast episodes on my website). Contacted your live chat people first to help solve this but they sent me to you.. Please help!
  5. Site URL: https://www.caramunchies.com/store-locator Hi friends, I implemented a BatchGeo.com map as a store locator for a client with multiple points of sale. The only thing is, it's not really on brand. Specifically what I'm trying to do is make the links purple (#9F80D6) and potentially remove the search bar at the top. It's currently in place with a code injection block and the code looks like this: <p><iframe src="//batchgeo.com/map/2f8c10b16b91c12155c5b23727da03e2" frameborder="0" width="100%" height="550" sandbox="allow-top-navigation allow-scripts allow-popups allow-same-origin allow-modals allow-forms" style="border:2px solid #9F80D6;"></iframe></p><p><medium>View <a href="https://batchgeo.com/map/2f8c10b16b91c12155c5b23727da03e2">full screen map</a></medium></p> Any ideas? Every time I try to fix it I break it.
  6. Site URL: https://ecodefensegroup.org/ UPDATE*** Solution found. No one on upwork, here or stackexchange could figure it out. If anyone wants to have a banner video load on all mobile devices including iPhone 11 etc, I have a solution. It's lengthy. You may message me here for the solution. Background: Natively, the built in feature for background/banner videos is lacking. No matter what I tried I couldn't get any vimeo or youtube video to play or load on mobile phones, ipads etc. Our banner video loading on any website viewing device with internet is an absolute requirement.
  7. I’d really like to have sidebar navigation on my website using Avenue. The reason I like Avenue is the ability to display single, thumbnails images that you can click to expand further on the project, whereas Wells is only a gallery. I was wondering (if it’s possible) if anyone has a code to inject into the Avenue theme that would move the top bar navigation links to the side similar to Wells. edit: Wells would be perfect if it functioned similar to Avenue, if there’s a way to not be forced to use a Gallery and have a similar thumbnail page link option like Avenue..that would be great too
  8. Site URL: https://www.shopremedium.com/ Hey everyone! I'm trying to add videos to each of my product pages, essentially short little videos that talk about my products but i'm unable to do this. I'm not sure if this is possible with my template, maybe there is another template that makes this possible or some code that would allow me to do this with my current template. Thanks for any help :)
  9. Site URL: https://www.grotonchiropractor.com/ I used the following code to add Google Translate to this website. Code Block in Content Body: <div id=google_translate_element></div> Code Injection Area: <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> After installing the element and injecting the <script> code, the hamburger sidebar menu stopped working. I cannot quite tell, but it looks like the Google Translate screen overlay is blocking access to the sidebar menu. Any ideas how I can fix this so that my sidebar menu is still accessible with the Google Translate element added? I currently have the code removed so that the site works as intended. Any help would be appreciated!
  10. Hi first time using Squarespace to set up my photography website. I'm not familiar with coding so need some help with removing the < previous project and next project > links that show at the end of the gallery block as below. I can't select the links whilst in edit to delete. When i inspect the page coding it looks like the code below controls this section as it entire line (i.e. arrows and words) are removed from the squarespace page when i delete the html code, but reappears when i exit editing. Can anyone help with a code i can insert into the specific pages that i would like to use portfolios in? <section class="item-pagination item-pagination--prev-next" data-collection-type="portfolio-grid-basic" data-controller="ItemPagination" data-controllers-bound="ItemPagination" id="yui_3_17_2_1_1577582297708_1767"> <a href="/portfolio/project-one-lx24m" class="item-pagination-link item-pagination-link--prev" id="yui_3_17_2_1_1577582297708_1766"> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-left-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"></polyline> </svg> </div> <span class="pagination-title-wrapper" id="yui_3_17_2_1_1577582297708_1765"> <div class="item-pagination-prev-next">Previous</div> <h2 class="item-pagination-title" id="yui_3_17_2_1_1577582297708_1764">Project One</h2> </span> </a> <a href="/portfolio/project-three-xswdx" class="item-pagination-link item-pagination-link--next"> <div class="pagination-title-wrapper"> <div class="item-pagination-prev-next">Next</div> <h2 class="item-pagination-title">Project Three</h2> </div> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"></polyline> </svg> </div> </a> thanks
  11. 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!
  12. Hi, I'm trying to remove a link from the navigation bar when I'm on a certain page, but still be able to see that link when I'm on the other pages. I used to be able to do it with the secondary navigation but with Squarespace 7.1 they removed the secondary navigation.
  13. Site URL: https://www.thewrapempire.com I am trying to add a new marketing banner with this code <a href="https://square.it/apply/thewra" class="square-installments-banner" data-width="720" data-height="300" data-tracking="297058624bdd9544438d4007c"> Square Installments</a><script src="https://preapproval-frontend-production-f.squarecdn.com/embeds/embeds.js" async></script> I cannot get the banner to display, when I view my site where the banner should be there is the txt "Square Installments" that is a clickable link. How can I get this banner to display correctly? ajax loading is turned off
  14. Site URL: https://trevorhughesphotography.com Hello! I'm running into an issue where the hamburger bar is locked on the bottom left corner of the mobile version of the Ready-template I'm using. I contacted support and they referred me here as apparently this template doesn't support moving the hamburger bar around automatically. I was hoping someone might know how I can get the bar to the top left of the mobile version. Something else to note is that I believe since the bar is stuck to the bottom left corner, I'm unable to view the mobile-info-bar even though I have it enabled. I'd love to add the mobile bar to my mobile site. Any help is appreciated! Thanks!
  15. I paid through Age Verify that works with square space to add an age verification to my site. It worked in the beginning, I did end up trying another sites template too but went back to Age-Verify (by the way has great features) Switching back using the same code and also refreshing my history, and trying to clear everything again because it didn't work, it is still not working. Im very confused on what to do, is there settings I may have touched? this is the first site I've ever built so will take all the advice I can thank you.
  16. Hey guys, Can anyone help me out with injecting code targeting class IDs? Every time I try to target an ID to manipulate a piece of my site, the ID changes and the code injection goes away. These are for cases in which I don't want to target the whole class. Am I missing something? Can anything be done about this? It annoys the _____ out of me. Example : #yui_3_17_2_1_1582807800188_755 { background-color: #e399e3 !important; padding: 0px 8px 0px 8px; color: #ffffff } "#yui_3_17_2_1_1582807800188_755" < ----- This number changes with every site update.
  17. Site URL: https://www.smore.com/clippy-js Hi there - Can someone please give me a hand adding this to my site: https://www.smore.com/clippy-js. I'm looking for the 'Clippy' version to be added so when users first visit they are greeted with it - and then on every page after also. I am using Squarespace v7.1. Thanks!
  18. I am using a code injection to redirect to a different URL when customers click "Add to Cart". However, I want to adjust it to redirect after the customer fills out my product form instead. The code snippet I'm using is '.sqs-add-to-cart-button'. Any ideas on how to do this?
  19. Site URL: https://www.jerichoroad.ca/admission Seeking help on changing the font colour of the drop-down select, as the default font colour does not contrast with the form background. I have perused the internet to find this code but it is not working. .form-wrapper .field-list .field select { color: #171717; } What am I doing wrong? Any suggestions? I have placed this code in the header injection of the page the form is on.
  20. Site URL: https://pelican-ellipse-jp5e.squarespace.com/ I’m trying to figure out how to put my icons in two columns on mobile view. I’m not a pro at css so I need some help. Also, would I just get code to separate them and then input it into “ custom css” or would I do inject code? i want it to look like this website when on mobile. www.lexy.co.nz/
  21. Site URL: https://phillipsrestorationinc.com/ I injected code into the footer of my website. Everything pretty much works as intended. However I have these weird obstructions of the same logos I injected code for into the footer obstructing my navigation menu on mobile view. See the attached screenshot.
  22. Site URL: https://www.bytiline.com Hello, I would like to change the place of buttons on mobile versions. The page is an index made of different pages (www.bytiline.com). Both big images are pages, I would like the buttons be lower on the image on mobile to gain visibility on the pictures. Many thanks. Best, Domitille
  23. Site URL: https://www.jarnanaturbruksgymnasium.se/borjahososs Hej, I try to build a page with 2 image blocks like in the exempel --> diagonal But i need help with layout and how to do this. Can i cut the corner of the image in squarespace or do i need photoshop this? How can i achieve this diagonal layout? How is this behaving on different screens? Brakepoints? I am a beginner just trying to figure it out... Tanks for your help
  24. Site URL: https://decagon-prism-llwa.squarespace.com/ Dear doozers 😍 The correct code in "Custom CSS" and "Code Injection" is entered (se text). But it hides in the background (see photo). How to show it? (Yes, it is two spotlights #show #stage) Site: https://decagon-prism-llwa.squarespace.com/ Password: SesameTrain Text: HTML <!-- these need to go inside the article on the front page - tested inside <div class="section-background"> container --> <div class="mgp-lights" aria-hidden="true"> <div class="mgp-lights__beam mgp-lights__beam--one"></div> <div class="mgp-lights__beam mgp-lights__beam--two"></div> </div> CUSTOM CSS .mgp-lights { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .mgp-lights__beam { background-blend-mode: multiply; mix-blend-mode: color-dodge; background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,136,204,.95)),to(rgba(0,136,204,0))) no-repeat; background: linear-gradient(180deg,rgba(0,136,204,.95) 0,rgba(0,136,204,0)) no-repeat; background-size: 280% 100%; background-position-y: 50%; height: 30%; width: 3rem; -webkit-animation: scan-1 3s cubic-bezier(.4,0,.4,1) infinite alternate; animation: scan-1 3s cubic-bezier(.4,0,.4,1) infinite alternate; position: absolute; top: -2rem; pointer-events: none; will-change: transform; -webkit-clip-path: polygon(45% 0,55% 0,100% 100%,0 100%); clip-path: polygon(45% 0,55% 0,100% 100%,0 100%); -webkit-transform-origin: top center; transform-origin: top center; opacity: .05; height: 50%; width: 16rem; } .mgp-lights__beam.mgp-lights__beam--one { -webkit-animation-name: scan-1; animation-name: scan-1; background-position-x: 80%; left: 23%; -webkit-transform: rotate(60deg); transform: rotate(60deg); } .mgp-lights__beam.mgp-lights__beam--two { -webkit-animation-name: scan-2; animation-name: scan-2; background-position-x: 20%; right: 23%; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } @keyframes scan-1{50%{opacity:.15}to{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);opacity:.05}}@keyframes scan-2{50%{opacity:.15}to{-webkit-transform:rotate(50deg);transform:rotate(50deg);opacity:.05}}
  25. Site URL: https://www.jarnanaturbruksgymnasium.se/faq Hej, I want to add a FAQ on my site with a down and up arrow when you open a question. Is there some code i can add? exempel:https://support.google.com/youtube/?hl=en-GB#topic= arrow on the side of the question . Markdown block: ### *Hur är det att gå på Järna Naturbruksgymnasium? Vi är ett mindre gymnasium i gårdsmiljö med ekologisk inriktning. Vi värnar om en trygg och kreativ lärandemiljö med omsorg om djur, natur och människor. Du som funderar på att söka till våra utbildningar är välkommen att höra av dig och komma och besöka oss för att veta mer. Thanks for your help. Ronald
  • Create New...