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
  • 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 500 results

  1. Site URL: http://thisisaspace.net Hello! In need of a custom code to add some more padding between each section to make each section more distinguishable in the drop down bar. See image attached for reference. Thanks!
  2. On one of my pages, I have four Line Chart Blocks set up, with titles and captions. In the editor, everything is displayed perfectly, just as I want. But, when the page is loaded on the live website the titles and captions are there - but no charts whatsoever. Nothing seems wrong through the editor end, they're simple Chart Blocks with not custom code. I've spoken to support and they assume that it is due to some other custom code within the site that's conflicting with Squarespaces code for the block. I did not do the code on the website myself, and the coder who did it can't find a solution - but our website is VERY code heavy and removing one part may destroy the entire page. If anyone knows a way to override whatevers happening, or a solution to adding a line chart that won't be affected by other code - this is urgent!
  3. 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?
  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. Is there a way to edit the size of an image that is embedded within a markdown block? Currently I'm trying to created a bulleted "to-do" checklist of many items to show which items have been completed and which are still outstanding. That said, I've successfully added the images to the markdown block by using the reference style code found on the current cheat sheet: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet Reference-style: ![alt text][id] [id]: /url/to/img.jpg "Title" However, the images are now significantly way too big for the text. Is there a way to scale down the image size within the markdown block code? Thanks in advance.
  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. Hey I'm trying to have these 2 columns that are placed on a single page's content with text blocks, scroll separately. Right now they are seated next to each other and scroll at the same pace with the entire's page width. Anyone got any Idea for something that would be simple to employ without inundating the page with too many code blocks to keep it simple for a client. Here's the URL - WEBSITE LINK - password: Juliahugo @tuanphan got any ideas? Here's an image - Need the Exhibitions and Fairs columns to scroll.
  8. Site URL: http://www.swiftmotocross.ca/membership I have setup a form for checkout on my Squarepace site. The form is a waiver with the user having to check Yes, I agree upon checkout with a digital product. When this is sent to me after checkout, the description isn't visible in the email confirmation or the order. Is it possible to have the description of each form field be included in the checkout email? I have attached an example below. The description in the checkbox form is not sent to me, only the "yes, I agree" and the title "COVID-19 Waiver." Is it possible to include the disclaimer in the description box?
  9. Hi there! Does anybody have custom code to be able to display the subtotal on the product page? I'm looking for something like this to be at the top of the page. Any help would be much appreciated.
  10. 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.
  11. I would like to change the language of my shop in 7.1. Buttons like "quantity" or "add to cart" should be displayed in German. How can I do that?
  12. Hi. I have tried to embed code from both Vimeo and Youtube using their automatic startup code option (under share options) but when I run it it stills requires me to click the play button. Any ideas on how to do this would be appreciated, either Youtube or Vimeo is fine.
  13. Site URL: http://bercumbuilders.com I need some code to add an alternate banner image on mobile. I had to use photoshop to put the text on my banner image in order to get the spacing right, but need an alternate one for mobile so that's it's not blown out. Can anyone help me with the code?
  14. Site URL: https://deko-test2.squarespace.com @tuanphan I've noticed how helpful you've been in other threads. Or, if anyone else has any ideas I would greatly appreciate it. I'm hoping to make the 3rd portfolio title link red on the homepage (which is actually a portfolio main page.) I can't seem to find any code help. Assuming I need to target the specific link but am unsure how.
  15. Site URL: https://www.hayloft.media/ I removed the line under the menu options on my page, and am trying to add code to highlight on hover, but I can only highlight the home page, not the contact page there are only two pages at the moment, i would like to darken to grey from white. https://www.hayloft.media/ Im using 7.1, can anyone help? thanks!
  16. Hey Everyone! Ok, so here goes... I am pretty new to Squarespace - I loaded up a 7.0 Template, not sure how or why I did this. But, as I did - I started designing within the 7.0 designer. First thing that I want to do is add a "Cover Page". I look through the list and immediately like the "Prism" option. Of which, you can add in as many photos as you like, it randomises these everytime the webpage is loaded and you can add in your logo and hyperlinks/buttons over the top (and you can change the opacity over the background) - you guys may know this already - but I will attach an image. Anyways, I discovered that the layouts in 7.0 weren't what I was looking for so was kind of disappointed - little did I know that 7.1 was a completely different ball game (didn't even know it existed!). So have now started another site with a 7.1 template - the whole site is now great, but there's no "Cover Page" option in 7.1 (queue tears). So I can't add in my newly found love of the Prism Cover Page - literally have been dreaming of this page. Spoke to the very helpful support team on live chat and they went off and had a look and got back to me and said there was no option like it yet, but it may be possible via code. Anyone have any suggestions on how I can create the effect? I did just screenshot it - but obviously the way it was, it was completely changing every time the page loaded, as well as obvious being screen size adaptable. Any help would be great! Thankyou.
  17. Using 7.0, Brine Family, BASIL Template I am using a gallery block on one of my pages. I want to use the Grid Design and the Light Box feature. BUT I only want one image to show. I can limit the number of images per row but I can not seem to figure out how to limit the number of rows to one (1) so that only the first image in the gallery will show. Once that image is clicked, I want the light box to open and users can scroll through the images like normal. I can not provide access to the site but you can see in the screen shot that the gallery block to the right of the text goes deep/down the page because I can not limit the number of rows.
  18. Hi, I am building a website right now and I made the header transparent. However, when I scroll down and then scroll back up there is a block of orange that shows up. I noticed that this colour was controlled by the site wide section header and I was wondering if I could make it transparent. Thanks
  19. Site URL: http://TheStroke.co.uk Hi, I wanted to understand if I’m able to create a quiz within a content block. The answers will have a sliding scale from never, rarely, sometimes, frequently, always and each answer will be assigned a score. At the end the user will get a populated answer e.g YOU ARE X this means X
  20. Site URL: http://www.dakineskava.com Hi there! I'm looking for the custom coding to change the size and font of the Checkout Button on my site. I've found several solutions on the forum but none of them are working for some reason. Maybe because I'm using the Skye template? Also, I was wondering if there is any customization of fonts that can be done on the actual checkout page, or whether that is standard for all Squarespace sites. Thanks! dakineskava.com/checkout
  21. 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%; } } }
  22. serenap


    Site URL: https://www.serenapongratzfitness.com/weightloss-calculator I am trying to add a calculator to a page. I have added a code box, inserted the code. When I go to the website the calculator is not there unless I refresh the site address. I have a business plan. What am I missing?
  23. Site URL: https://stingray-cylinder-zztm.squarespace.com/ Hey! - How can we add custom logos to the social links in the BRINE template? We want to add Patreon, WhatsApp, and email. - Is there a way to add a phone number to the WhatsApp icon so that when you click it a pop up shows up with our number? - Is there a way to add the email so when you click it, it either pops up with email or takes user for their default email app with our email in the 'to' section? https://stingray-cylinder-zztm.squarespace.com Pass: temp123 Kind regards!
  24. Using a custom code for an Instagram feed on my site, however, the code block is not allowing me to make it full width. I would like the block to have no margins all around similar to the Instagram feed at https://antiochatx.com. I've tried almost everything, but no luck. Please help! Using Squarespace 7.1
  25. Site URL: https://www.empoweredstateofmind.com/ I am struggling to make my banner image 100% mobile compatible. I was able to change the image width size (as seen in pic 1) but when I did, there's a huge blue block underneath the image. I even changed the theme to be white and it's still there. I do not want to change the color, I want to get rid of this space so that the next section comes underneath the banner image. Without the code, the image is too wide for the screen (as seen in pic 2). I am posting the code I used beneath . Can someone please help?
  • Create New...