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

Search the Community

Showing results for tags 'code'.

  • 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
    • Selling & Scheduling Your Services
    • 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 Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: http://isaacmcnicolphotography.com.au Hi, I'm trying to add my company email and phone number to the site header so that it appears on every page. I've managed to get it as shown in the screenshot but I'm not happy with this for a couple of reasons. I'd like to have the contact details up well above of the other page navigation links, subtle and out of the way but still clearly visible. I'd also like them to be right aligned so that they line up with the right alignment of the site navigation links too. I have the "special covid prices" banner which can be clicked away too. I can add the email and phone number to that but because it's a banner it can be just clicked away and those numbers won't be visible anymore. If I could get the email and phone number to also be under the banner if the banner is clicked away that would be great. Any clues? If the banner part is too hard I can just get rid of the banner. Thanks in advance! Isaac
  2. Using brine template using a gallery block inside a page using grid design style. if you choose the lightbox option - it doesnt give option NOT to display a caption in the lightbox. i need captions to show under each image in the grid so i cant delete it to solve the lightbox caption problem. so i would like to either: a - not display the caption - or - b - be able to style the caption to match the site better. ive tried all kinds of code i found in this forum and it isnt working. hoping this can be done with custom css code? this is a 7.0 site. any help is appreciated! thanks!
  3. Site URL: http://www.decaturhealingarts.net I published my site www.decaturhealingarts.com passcode: Decaturha2021 but the Mindbody widget looks odd. Please see below. Can somebody help me to find out how to fix it? I have tried everything that was posted on the forum and nothing had worked. Thanks all, Nataly
  4. Site URL: https://www.pianoharbour.com.au/aps Hi! Can someone help disabling the header altogether on:? https://www.pianoharbour.com.au/aps Also it would be great to know how to align #block-yui_3_17_2_1_1633773203261_4862 & #block-6161676b2bdbd16f2f269090 through the middle, horizontally, someone out there? Cheers
  5. Site URL: https://gopher-conch-8yty.squarespace.com/communities-offer Hi All, I have added css to the buttons on my site to change their hover state and to also change their background to a gradient. How do I do this to the Membership sign up buttons too?
  6. Site URL: https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 I'm looking for the code for image cards. i'm active so often with making new posts that I ideally just want to enter the code that would be to make an image card into the coding box. i generate my own text and info that i'd want to plug into that image card without having to make a new image card every single time. can anyone help with this? I look at this one for an example which is #block-yui_3_17_2_1_1628285269767_20362 on https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 I'd like to re-create this in a CODE box. Please help. Ideally as an example i'd like to recreate the above block-yui but plug the below span, etc into this custom image card box. <span style="font-size:18px"><strong>Mocha Machine</strong></span><br /><span style="color:#000000"><span font-size:13px>Beachwood Brewing & Blendery</span><br /><span style="font-size:12px"><em>9.20% - Imperial Coffee Chocolate Porter </em></span><br /><br /><span style="font-size:11px">Mocha Machine is a well-engineered endeavor in massive aromatics and rich flavors. Brewed with an array British and German malts, this burly brew is infused with masterfully roasted coffee from Portola Coffee Lab in Costa Mesa, CA. It is then aged on cacao nibs from Equador, adding an awesomely deep dimension of fudge.</span><br /><br /><span style="font-size:10px"><strong>Characteristics: </strong>Coffee, Mocha, Creamy, Nuts, Dark Fruits, Chocolate, Fudge, Roasty, Dark</span><br /><br /><span style="font-size:10px">SKU 108676 - 24(1 X 0.354 L) - $4.75<br />Shipped from Container World</span> This is the div code for the image card at the aforementioned #block-yui_3_17_2_1_1628285269767_20362 on https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 <div id="block-yui_3_17_2_1_1628285269767_20362" class="yui3-widget yui3-block-base yui3-block-parent-base sqs-block-image yui3-block-image-base yui3-block-image sqs-block image-block sqs-block-editable yui3-dd-drop yui3-block-image-focused sqs-block-focused sqs-block-editing sqs-edit-dialog-open" aria-labelledby="yui_3_17_2_1_1633652808718_8423"><div class="sqs-layout-insert-point-container"><div class="sqs-prevent-block-focus-change sqs-layout-insert-point sqs-layout-insert-point-type-block sqs-layout-insert-point-position-top"><button class="sqs-layout-insert-point-button" data-test="insert-point-trigger"><span class="insert-point-icon"></span></button><span class="sqs-layout-insert-point-line"></span></div><div class="sqs-prevent-block-focus-change sqs-layout-insert-point sqs-layout-insert-point-type-block sqs-layout-insert-point-position-bottom sqs-layout-insert-point-topmost"><button class="sqs-layout-insert-point-button" data-test="insert-point-trigger"><span class="insert-point-icon"></span></button><span class="sqs-layout-insert-point-line"></span></div></div><div id="yui_3_17_2_1_1633652808718_992" class="yui3-block-image-content sqs-block-content image-block-outer-wrapper layout-caption-below design-layout-card image-position-right image-block-v2 sqs-text-ready" data-scrolled="true"><div id="yui_3_17_2_1_1633652808718_21332"><div id="yui_3_17_2_1_1633652808718_1031" class="yui3-widget sqs-image stretch sqs-intrinsic intrinsic yui3-resize" style="overflow: hidden; transform: translate3d(0px, 0px, 0px); max-width: 500px;"><div id="yui_3_17_2_1_1633652808718_1033" class="sqs-image-content" style="padding-bottom: 100%;"><img style="cursor: auto; object-position: 50% 50%; object-fit: cover;" data-image-focal-point="0.5,0.5" data-parent-ratio="1.0" class="" data-image-resolution="500w" src="https://images.squarespace-cdn.com/content/v1/5f838db03f116375541aae8f/1628285409210-JO79PCU53HONTKECV1WE/tongue+tied+on+white.png?format=500w"><div class="sqs-editing-overlay"></div></div></div></div><div class="image-card-wrapper sqs-image-card image-block-animation-text" id="yui_3_17_2_1_1633652808718_19036"><div class="image-card sqs-dynamic-text-container" id="yui_3_17_2_1_1633652808718_19035"><div id="yui_3_17_2_1_1633652808718_1123" class="sqs-dd-invalid-handle yui3-widget sqs-html image-title-wrapper sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content image-title sqs-dynamic-text" contenteditable="true" data-width-percentage="42.4" style="font-size: 42.4%;"><h1 style="white-space:pre-wrap;"><strong><em>NICKEL BROOK BREWING </em></strong>Tongue Tied</h1></div></div><div id="yui_3_17_2_1_1633652808718_1157" class="sqs-dd-invalid-handle yui3-widget sqs-html image-subtitle-wrapper sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content image-subtitle sqs-dynamic-text" contenteditable="true" data-width-percentage="42.4" style="font-size: 42.4%;"><p class="" style="white-space:pre-wrap;"><strong>5.60% - Juicy Double Dry-Hopped IPA</strong></p><p class="" style="white-space:pre-wrap;">This brew is sure to tie your taste buds up in knots thanks to mouth-watering notes of papaya and pineapple. Tongue Tied is a bright and juicy IPA with a soft kiss of stone fruit on the finish.</p><p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Characteristics:</strong></p><p class="" style="white-space:pre-wrap;">Bright, Juicy, Stone Fruit, Citrus, Papaya, Pineapple</p><p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Find at:</strong></p><p class="" style="white-space:pre-wrap;">NEW BEER - <a href="mailto:office@Beersupply.ca"><strong>REQUEST IT BY EMAILING US</strong></a></p></div></div><div class="image-button-wrapper" id="yui_3_17_2_1_1633652808718_19040" style="display: none;"><div class="image-button sqs-dynamic-text" data-width-percentage="0" id="yui_3_17_2_1_1633652808718_19039" style="font-size: 0%;"><div class="image-button-inner" id="yui_3_17_2_1_1633652808718_19038"><a id="yui_3_17_2_1_1633652808718_19037"><div id="yui_3_17_2_1_1633652808718_1195" class="sqs-dd-invalid-handle yui3-widget sqs-html sqs-empty sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content" contenteditable="true"><span class="rte-placeholder ProseMirror-widget" data-placeholder="Add text" contenteditable="false"></span><br></div></div></a></div></div></div></div></div><div id="yui_3_17_2_1_1633652808718_1107" class="sqs-dd-invalid-handle image-caption-wrapper sqs-image-caption yui3-widget sqs-html sqs-empty sqs-editing" style="max-width: 500px;"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte image-caption sqs-html-content" contenteditable="true"><p class="rte-placeholder" data-rte-preserve-empty="true" style="white-space:pre-wrap;" data-placeholder="Add an image description"><br></p></div></div></div><div class="sqs-block-outline" id="yui_3_17_2_1_1633652808718_18540"></div><span data-test="block-label" class="sqs-block-label-tag" id="yui_3_17_2_1_1633652808718_8423">Image</span><div id="yui_3_17_2_1_1633652808718_8440" class="yui3-widget sqs-widget sqs-block-editor-button-container" role="toolbar"><div id="yui_3_17_2_1_1633652808718_8442" class="sqs-block-editor-button-container-content" data-test="block-toolbar"><div id="yui_3_17_2_1_1633652808718_8456" class="yui3-widget sqs-widget sqs-label"><div id="yui_3_17_2_1_1633652808718_8458" class="sqs-label-content">Image</div></div><div id="yui_3_17_2_1_1633652808718_8486" class="yui3-widget sqs-widget sqs-data-widget sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded sqs-dialog-button--edit" data-test="button" title="Edit" role="button" tabindex="0"><div id="yui_3_17_2_1_1633652808718_8488" class="sqs-button-vanilla-content active"><div class="label">Edit</div><div class="waiting" hidden="hidden" style="display: none;"></div></div></div><div id="yui_3_17_2_1_1633652808718_8520" class="yui3-widget sqs-widget sqs-data-widget sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded sqs-dialog-button--remove" data-test="button" title="Remove" role="button" tabindex="0"><div id="yui_3_17_2_1_1633652808718_8522" class="sqs-button-vanilla-content active"><div class="label">Remove</div><div class="waiting" hidden="hidden" style="display: none;"></div></div></div><div class="sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded Class-button-wrapper" title="Class" style="width: auto;"><div class="sqs-button-vanilla-content addClass-button active" data-action="addClass" data-not-block="-1"><div class="label" style="line-height:36px;color:#000!important;padding:0 10px" data-not-block="-1" data-action="addClass">Classes</div></div></div></div></div><div class="yui3-resize-handles-wrapper"><div class="yui3-resize-handle yui3-resize-handle-b"><div class="yui3-resize-handle-inner yui3-resize-handle-inner-b">&nbsp;</div></div></div></div>
  7. Site URL: http://www.rachelbjordan.com/blog I want to increase vertical padding between main nav and blog posts on the blog main page. And control the left-hand padding on that page.
  8. Site URL: https://www.rowensdresser.com/shop I am looking for someone who can help me with coding on an e-commerce site. On their shop page, when I am on my mobile only shows one item at a time and you have to tediously scroll and scroll to the next product VS when I am on a laptop it shows three items at a time. I know it's responsive design BUT Is there a way to add code to the site to have the mobile page show three items across instead of just one item at a time? Any help would be appreciated. Thanks, Abby
  9. Site URL: https://www.woofur.ca/ Can someone help me on how to add breadcrumbs on every pages. Thanks
  10. Site URL: https://www.rnatranslation.com About to release an update for an app that includes uploading to iOS and Android There's a button for downloading the app included in the screenshot provided that currently only links to iOS I'd like to detect if the user is on iPad, iPhone or Mac and link to the app on iOS or if the user is on any platform outside of apple products to link to the app on Android
  11. Hi all, I am trying to embed Microsoft Booking into the contact us page. I successfully embed the code into the page, but it wasn't showing to be full width. More like displaying like a mobile app. Is there anyway I'm able to expand full width? Without the grey area? I tried manually expanding it horizontally but it is still showing the grey areas, unlike the booking on website. Please help. Thank you in advance.
  12. Site URL: https://www.thetulaproject.com/about I am trying to get the text on the 'About' page to alternate between 4 statements, all white, while the background image does not change. Is this possible? Thanks.
  13. Site URL: https://www.davidjackspencer.co/ I have successfully created a custom cursor using the code below, but cannot figure out how to add a delay to the cursor movement like this example here: https://codepen.io/ciprian/pen/BazvjRZ I've posted this in Settings > Advanced > Header <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> And this in Settings > Advanced > Footer <script> $( ( ) => { $( 'body' ).prepend ( '<div class="cursor cursor-dot" style="left: 0px; top: 0px;">' ); $( window ).mousemove ( function ( e ) { $( '.cursor' ).css ( { left: e.pageX, top: e.pageY } ); } ); $( window ).mousemove ( function ( e ) { $( 'a' ).on ( 'mouseenter', function ( ) { $( '.cursor' ).addClass ( 'active' ); } ); } ); $( window ).mousemove ( function ( e ) { $( 'a' ).on ( 'mouseleave', function ( ) { $( '.cursor' ).removeClass ( 'active' ); } ); } ); } ); </script> After doing that I've also pasted this in Design > Custom CSS @media ( hover: none ) { .cursor { display: none !important; } } * { cursor: none; } .cursor { --size: 10px; height: var( --size ); width: var( --size ); border-radius: 50%; pointer-events: none; position: absolute; transform: translate( -50%, -50% ); z-index: 99999999999; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* This line is for the circle to invert Delete this line if you dont want the circle to invert */ transition: width 0.8s, height 0.7s, background-color 0.9s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 60px; background-color: #ffffff; } Any help would be greatly appreciated!
  14. Site URL: https://can-do-canines-puppyprogram.squarespace.com/fall-tshirt-campaign Site Password: Testing I have Squarespace 7.0 site and want to hide the Header and Footer on the Shopping Cart page. What would the code be to do this?
  15. Hi There, Is it possible to get the name and email of a logged in user either within the template or in the main editor? I'm trying to generate a URL that includes the users email.
  16. Site URL: https://timelessspaces.uk/news I just noticed that my news page only shows the last 10 articles and I'd like it to show more or at least list them to make it easy for people to find specific things. Does anyone know a way around this please? Thanks Kelly
  17. Site URL: https://climbingyogi.com/login Hello! I'm using a third party fitness app on my website. It will display the login/training site as mobile only if the code block is under 1000px. It still works on the website, but I want my clients to see their full schedule and use the desktop version instead of mobile. I've used the width slider all the way to maximum, but it doesn't seem to have any effect. Squarespace help said I may need to inject code, but I have no idea where to start. Thank you so much for your help!! Website/membership page: https://climbingyogi.com/login
  18. I thought I'd built two simple, working HTML calculators (I have only a little bit of experience). But they are both in conflict with one another. When I remove the 2nd, the 1st one works. So they seem to be in conflict but I have no idea what to do. I've attached a picture of what the two code injections looks like. And here's the link to the page with the two calculators. Any help would be much appreciated.
  19. Site URL: http://arcprojects.squarespace.com Hey there, I'm wondering if on the homepage I can Set a function to the slideshow that it would go to an image, then fade into opacity: 0 - then hold for a second then back to another image? Passowrd is 'arc' Thanks
  20. Site URL: http://www.playtekitchen.com This is all great information! Is there a way to adjust the look of the Mobile Menu so that it does not cover the entire screen once clicked?
  21. Site URL: https://www.lilahbeau.com Hi we are trying to make our mobile site look similar to our desktop version for our home page which has 3 items put next to each other in a 3 column look. We also have a couple of pages that have 2 columns and would like this to show on mobile. I've tried implementing many different codes and using dev tools to try and find the section ids, but can not figure it out. Thank You! Homepage : www.LilahBeau.com would like this to show the 3 sections under the featured slide About: https://lilahbeau.squarespace.com/the-lilah-beau-story Would like this to show 2 columns similar to the desktop version The Collection: https://lilahbeau.squarespace.com/the-collection Would like this to show 2 columns similar to the desktop version
  22. Hi all, When inserting an element (a button in this case) into squarespace using HTML in a code block, should I give it a unique element ID? If so, are there any requirements/best practices for creating the unique ID? Thanks!
  23. Site URL: https://www.nwdsa.org/request-a-new-parent-guide Hi there and thank you for your help! Basically I am trying to embed a bloomerang form into a page using the Code block on squarespace. The code that bloomerang provides (that has always worked for me on WordPress) is : <script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/northwestdownsyndromeassociation/.widget-js/172034.js" type="text/javascript"></script> When I put this into the Code block under the Javascript mode, it displays the code on the site as if I have clicked Display Source but does not display the actual form. I have also tried it in the HTML mode and I have checked with an incognito browser as well to make sure that I am not just not seeing it because I am logged in. Attached is a screen shot of what this looks like. There is another more annoying way to do this where bloomerang generates a much longer code and you can host the form on your site instead of Bloomerang and the con is that it often displays weird, however even that just displays as the entire code and nothing else in the Code block Anyway I would appreciate any input/ advice, I'm hoping that I have just missed something very obvious. I have to say that this is my first time working with squarespace over wordpress and the growing pains have been harsh.
  24. I'm trying to obtain/send the "order ID" from my site's shopping orders in the new "Customer Email Notifications" editor, but so far its impossible...i require said IDs to attach them in the notification email in order to use the Squarespace API to obtain each order's data (purchase information: article, price, customer-email, etc) and store them in our database. I used to be able to do it by simply adding a command <<{order.id}>> on the confirmation email code in the old editor: Is there a way to achieve this now that the editor is changing?
  25. Site URL: https://www.sweetmamasauce.com/sweet-mama-hot-sauce password for the site is: sauce i seem to have an issue with my code blocks loading in twice with the flex animation, not sure how to shut it off on just the text sections as i would still like it for the buttons and images but most of my pages are loading in, then refreshing or loading in again so you see the lazy load feature twice on the headline as the page loads. any ideas on how to fix this without ditching the site wide animation?
  • Create New...