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://heron-beagle-t9xg.squarespace.com/shop Hi there, I have used a custom code on my website which has worked well. However, in designing my shop it is not functioning in a few areas: the product title, the variant price and the "from" before the product price. I have tried every bit of code suggested on other forum posts to no avail. Please can someone kindly help me. Very many thanks! PS Not sure you will be able to see the link as it is not live. Please let me know. Thanks!
  2. Site URL: https://www.ngoborders.org/blog All, I am using the mapplic map tool kit, and using iFrame to embed it on my client's site. The map directory/files are hosted on https://www.ngoborders.com/ngomap. The iFrame code which is embedded on the live site (https://www.ngoborders.org) is the following: <iframe src="https://www.ngoborders.com/ngomap/" height="650" style="width: 100%; border: none;"></iframe> The code works fine on desktop. It WORKED fine previously on mobile/tablet - but does not work now. I haven't made any changes. The map doesn't work on iPhone or iPad via Safari or Chrome. One thing I just noticed is that when I run Web Inspector on iPhone 13 Pro or my iPad Pro, I get the following: Failed to load resource: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “www.ngoborders.com” which could put your confidential information at risk. https://www.ngoborders.com/ngomap I DON'T get this error when running Web Inspector on Desktop. So why am I getting this ONLY on mobile? I think that's why my map is being blocked on mobile. How can I fix this? The SSL Cert for ngoborders.com is valid... Squarespace displays the map OK in the design portal when you toggle the mobile or tablet display mode. Safari and Chrome on Desktop will show the iFrame if you resize the window to a mobile display. In Chrome's Web Inspector, if you switch it to mobile view, it also shows the iFrame. So, I think either something with iOS or maybe Squarespace? To recap: Desktop (macOS) - works OK Mobile (iPhone 13 Pro iOS 15.0.2) - Does not work Tablet (iPad Pro 11-inch iPadOS 15.0.2) - Does not work Any help would be really great, thank you!
  3. Site URL: https://www.snappi.tech/snappi-ads Hi everyone! I've made a bunch of code blocks that trigger a lightbox for some interactive content. You can see it here: https://www.snappi.tech/snappi-ads The problem is when in mobile, I'm unable to align them to two per row (which is way less scrolling) and for some reason, the sizes alternate. You can see in the attached image. Here's the code I use for each block: <center><a href="#/" data-featherlight="#snappicity-ad"data-featherlight="myiframe" data-featherlight-iframe-height="650px" data-featherlight-iframe-width="345px"> <div style="text-align:center; padding:0;"> <img src="https://www.snappi.tech/s/citytitle.jpg"></div></a> </center> <div style="display:none;"> <div id="snappicity-ad" style="text-align:center;"> <iframe src="https://play.snappi.tech/SnappiCity" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="650px" width="345px"></iframe> </div> </div> It might look a bit messy, I'm not a web developer but I google a LOT for Squarespace code and managed to repurpose lightbox code to show an iframe. 🙂 I would like to keep the sizes consistent in mobile, as well as have two per row. Really appreciate any and all help! Thanks, Jeff
  4. Site URL: https://theweddingcollective.co.uk Hello - new to the forum but I use SS for another business and love how easy it is to make it look slick. I have an existing business that is a directory / media site for wedding businesses: www.theweddingcollective.co.uk It's built on Wordpress but I'm not sure if its a style of site that could be custom built by someone using SS? Any custom designers in here able to help advice?
  5. Site URL: https://imnotascientist.com I want to make three identical versions of my site, but with completely different aesthetic themes. I currently have this windows 98 theme, and I want to do a minimalist one and one more. I know I can duplicate every single page and re-design them, but I can't seem to duplicate the main template homepage in the screenshot here. There's no option in settings. Is this possible? Also, right now I have a site-wide background color, and injected some code to add icons to the nav links. I'm not sure how I'd be able to do that all in my same one URL domain, is it even possible or would it take like some serious coding?
  6. Site URL: https://puppyprogram.can-do-canines.org/fall-merch I'm trying to move the cart popup to the top of my mobile pages because it is currently hidden underneath a widget on our page. Any help is greatly appreciated. @tuanphan any recommendations?
  7. Site URL: https://neon-border-test.squarespace.com Hey everyone, Hope you are all doing well. I have a client that I have been working with recently and the designs they have provided me all detail a neon border around each text block. I wasn't able to achieve with this code at the time of the initial build-out, so my main solution to this was to create the neon borders as images, and use the poster design for the image blocks, and to place the text inside the image block, with the neon border around it. It's very sloppy, and doesn't scale well at all. I was wondering if someone can help me out with a CSS solution. I came across a couple code sets, and I was able to create a neon border around text, but I am unable to achieve the effects of having a neon border around my Header title, and paragraph body around it. It currently is creating the border per text style. Example code set: https://codepen.io/GeorgePark/pen/MrjbEr The site to view my examples/attempts are: https://neon-border-test.squarespace.com password: border My desired results are being able to encapsulate many elements around a neon border, images and titles - there is an image included in the site that displays what I am looking for.
  8. Site URL: https://www.delightedspirit.com I want to prevent ActiveCampaign's site tracking if someone doesn't consent to cookies on my website. I'm following these instructions & I'm now at the last step (#4). I'd like to know if I need to change anything to make it work with Squarespace specifically? Here's their example: // Insert tracking snippet here if (document.cookie.indexOf('accept_cookies') !== -1) { vgo('process', 'allowTracking'); } $('.btn').on('click', function() { var expiration = new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * 30); vgo('process', 'allowTracking'); document.cookie = 'accept_cookies=1; expires=' + expiration + '; path=/'; }); I'm not even sure how to test if I did this correctly.
  9. Site URL: https://www.kevinthomasfilm.com/commercials/amazon Hi, I have multiple videos on the website, all hosted by Vimeo as what I know Squarespace doesn't allow you to upload videos directly to the website? Is there a way to remove the Vimeo opening navigator links as well as the end frame 'more from vimeo' ?? So it would look like the video is actually hosted on the website? See screenshots attached. Here's an example page: https://www.kevinthomasfilm.com/commercials/amazon PASSWORD: KTF Thank you!
  10. Site URL: https://www.wavvis.com/ Hi guys. I wonder if someone can help me solve this problem. On my desktop view I see the full section of my page (forms, blocks, etc.), however when I move to mobile version it cuts it on half, or it overlaps with my footer. First two images are showing desktop view, other two are showing mobile view. Any help would be greatly appreciated.
  11. Site URL: https://buttercup-carnation-s5xg.squarespace.com/ Hi everyone, Would you help me write a css for changing the color of links when on hover? Currently, it changes from black to grey, and I wanted another color, an specific one. If i can also change the color of the intagram icon (not only on hover) i would appreciate it very much! (password: fr) Thanks!
  12. Site URL: https://www.naomimadelin.com/listen Hi all, I've made some changes to a page I have on a grid layout. I added some video links on the second line (rest are audio blocks). I learnt that I needed to use code blocks to be able to modify the code to prevent other people's content from showing at the end of my Youtube videos, instead of video blocks. Did that. But now there is no space between the three code blocks on that line. I think I need to add some code into the Design / Custom CSS box to get standard spacing between my blocks, but I have no idea what! Can anyone help? Thanks so much, Naomi
  13. 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.
  14. 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
  15. 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
  16. 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!
  17. 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
  18. 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
  19. 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?
  20. 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>
  21. 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.
  22. 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
  23. Site URL: https://www.woofur.ca/ Can someone help me on how to add breadcrumbs on every pages. Thanks
  24. 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
  • Create New...