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: https://www.onyxhive.com.au 2 customers have been dodgy on my site. I sell cakes, when you add to cart there is no way someone can pick the current or next day. I have also disabled customers editing how many cakes they can buy to limit 1 per item. But I know with the limitations of the checkout page, you CAN edit the quantity and the revisions. For example, a customer checked out with a cake and she edit the product so she can have it the next day. I e-mailed her stating there is no way my calendar lets you pick the next day. Anyways, I told her the cake won't be ready until the 3rd day not 2nd. She fully went psyco over email stating its my fault (when I know its not) and blah blah blah. I even subtle hinted she edited it herself. Lucky I have acknowledgement agreement on the form. This happened twice already and I already had to refund 2 customers because they were dodgy as. Is there any way to prevent customers editing their product on the checkout page?
  2. Site URL: https://www.vietmybui.com/work/liminal-magazine Hello, On this page, I have several sets of artworks, each under a different heading. Unfortunately, there is a huge gap between the heading and the images. I am using the Grid: Strips gallery for the images. I would really like to remove the gap between my heading and the images! I found the below code on this forum and have inserted it into my Custom CSS. Unfortunately, it seems to have made no difference. [data-section-id="611373ef3546460e7449a373"] { min-height: 0 !important; } [data-section-id="611373ef3546460e7449a373"] .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } I have attached a few images below to indicate the gap I'm referring to, and also how each section is organised. I would really appreciate your assistance! Cheers.
  3. 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.
  4. Site URL: https://www.consyl.fr/ Hi there ! I'm having hard time to try to change the size on a my blocks titles so it fits and a letter does not go on the next text line (mobile). The full word is "Accompagnement" Sorry that's in french 😃 I would also love to know how to justify the text within the blocks. Thanks everyone for your help !! Regards
  5. I have been losing my mind over this for so long. So here I am and I so, so hope someone can help. Where do I add Awin code or Partnerize etc to make the advertiser image show? It 's for an index page. What am I missing?
  6. 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
  7. Site URL: https://www.woofur.ca/ Can someone help me on how to add breadcrumbs on every pages. Thanks
  8. 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
  9. 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.
  10. 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>
  11. 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.
  12. 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.
  13. 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?
  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. Site URL: https://www.diabeticexchangeusa.com/ How do I get the "How It Works" button and "Sell Supplies" button closer together (without shrinking the image beneath) and how do I get them to not stack on mobile.
  16. 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
  17. Site URL: https://www.ortner-china.com/ Dear all, I currently have a number of pages for which I have used the following code to switch off the header. However, I feel the code might be faulty, since it does sometimes show up a plane, blue colored header (see images attached). <style> .page-banner-wrapper {display:none;} </style> I'd like to turn off the header for all pages but the home page. Could anyone suggest an alternative style code to do so? Thanks!
  18. 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
  19. 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!
  20. 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
  21. 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.
  22. 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?
  23. Site URL: https://www.vilaarts.com/ Hello I am trying to insert a custom button on my page. After searching quite a bit, I managed to put the button where I wanted, but the button repeats in all the image blocks. I can't find the correct ID to link the code to a specific image block. And another problem that I have not been able to solve, is how to convert it into a link. I put the code below and an image of how I have the button. Thank you very much in advance! div.image-subtitle.sqs-dynamic-text::after{ background-image: url('https://static1.squarespace.com/static/56d7589c22482e044b50f7ea/t/613b957548a2cf6da340cbf8/1631294837890/whitearrow3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 100px; width: 100px; height: 70x; margin: -68px 490px 0px auto; width: 65px; }
  24. 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
  25. Site URL: https://www.flexihouse.co.nz/ I would like to paste some code in a forms, POST-SUBMIT HTML section. So once the form is filled in, a different website open in a new tab. The simple POST-SUBMIT REDIRECT does not work for this as it opens in the current tab. Any help much apprectiated.
  • Create New...