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://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?
  2. 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.
  3. 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
  4. 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!
  5. 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
  6. 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!
  7. 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
  8. 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.
  9. 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?
  10. 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; }
  11. 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
  12. 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.
  13. Site URL: https://www.sharedgooods.com I want to add little colorful circular pop tags to the corner of thumbnail images for my recipes. I've attached an image for reference and here's a link to it: https://www.shopyowie.com/collections/all?view=shop Can I even code this? I can probably just start creating thumbnail images with the tag on the image itself, but that'll be more work and probably won't look as good!
  14. Site URL: https://www.massatrocityresponses.com Hi, I have a blog page on my website and a events page on my website. For the blog page I used the blog template under collections, which I really like. It has 3 images next to each other and when I make the window smaller it takes a while before it goes down to one in a row. However, in my events page I wasn't able to create a layout that looks similar to the blog page- because the events page under collections has a preset layout that is one event in a row (even in desktop view). Since I did not find a code that could change the layout of the events page I added a blank page in the main navigation and used the summary block to create the desired layout and added content from a linked page with the events template that I will not make visible to page visitors. However, the events page (with the summary block layout) will not act like the blog layout when I make the window smaller. In detail; when minimizing the window it takes longer in the blog section for the image blocks to turn into multiple columns. Basically I want the summary page layout to stay 3 events next to each other in a row as I am making the window of the page smaller. I would need a code for the summary layout that would act the same as the blog section as I make the window smaller so that it goes from 3 events horizontally next to each other to one, instead of 3 - 2 - 1. I attached a screen recording of the blog section as I minimize the window and the events section. Can anyone help me with this? 1463363583_ScreenRecording2021-10-01at12_05_03.mov Screen Recording 2021-10-01 at 12.31.46.mov
  15. Site URL: https://www.eshertennis.co.uk/your-committee-1 Hello! I'd like to add a thin centre aligned orange line underneath the H1s on my site. I've followed the tips in this video and added the code they provided: h1 { position: relative; } h1:after { content: ''; position: absolute; bottom: 0; height: 3px; width: 150px; left: 0; background: orange; transform: translateY(10px) } &[style*="text-align: center"]:after { margin; 0 auto; right: 0; } I can get the line to appear at the thickness I want and left align no problem but the last part is tripping me up. Whenever I enter the code from &[style... I get a syntax error. I'm sure I'm entering the code correctly but could somebody please tell me what I'm doing wrong! Thanks!
  16. I am using the portfolio with a grid layout. Under the title, I want to add a brief description of the project. Is this possible?
  17. I'm trying to target specific list items (with cards) for color changes. I was able to make it work once using this code in Custom CSS: #yui_3_17_2_1_1632946292246_406 [data-is-card-enabled="true"] {background-color: #23479f} but later discovered that #yui codes change every time the page is refreshed. I also haven't been able to change anything but the border color, using this code at the moment: .list-item:nth-child(3) [data-is-card-enabled="true"] {border:5px solid darkblue} Which 1) changes the border instead of the background-color, and 2) changes every list on the site instead of just one. Any help on this would be greatly appreciated. Thanks! P.S. The site currently is not approved for public view, but I can remove some elements and give the URL if necessary. Thanks again!
  18. Site URL: https://glockenspiel-lily-ypyr.squarespace.com/floor-plans-s-d Hello! I would like to have images in the simple slideshow enlarge when clicked or zoom in and move with the cursor when hovered over. Basically I want people to be able to see the details of each image (floor plans in this case). I'm a novice to coding, but I was able to find a basic code that makes the image enlarge when hovering. My issue with this is, you can't move around the image to see different parts of it while zoomed in. Any advice or work-around would be much appreciated! I've seen some people say that they uploaded each image to a page of their own, then used a link or code to have the image page open. If there's a way to do that without it opening a new page I'd be happy to try that.
  19. Site URL: https://www.strengthsnavigator.com Hi there, I am starting to experiment with email marketing and am going to use ActiveCampaign (AC). However, the available fonts on AC are different to that on my Squarespace website. I am non-tech but and appreciate someone who can help me (happy to pay for service) for this and more forms and tweaks on my site. Please take a look at this sample page that shows the difference in look of the text in the form embedded from AC and the loren Ipsum section which is native text from Squarespace. Will also like to shorten the text box length. https://www.strengthsnavigator.com/test Thanks, Jasmine
  20. Site URL: https://www.bowermantc.com At the bottom of my footer form (www.bowermantc.com) there are 2 checkboxes. I'd like to have both boxes to be checked by default and it is a required field. The users would then have to uncheck the options they don't want. I saw a similar form but am having trouble finding my form's checkbox ID and only have two boxes! Thank you very much in advance! (Version 7.0– Pacific family (The Fulton Cycle template)
  21. Site URL: https://guppy-bellflower-73kd.squarespace.com/bookme Hi there, password to enter the site is "bubba". I have a small question. On the "Book Appointment" page of this site, I have a Javascript code block with an embedded HTML snippet. I would like the gold "Book Session" button to sit directly in the center of that page and not all the day at the bottom, the way it does right now. Also, after clicking on "Book Session", the box that appears then wants to hide under the fixed header if I scroll down. How do I make it so that it doesn't do that? Will I have to change elements of the HTML snippet itself or will I have to go into Custom CSS? Thanks!
  22. Hello forum, I'm trying to left-justify title on gallery block in 7.1. Currently it's centred. I've googled, but no luck. Could someone suggest code? Thank you.
  23. 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!
  24. Site URL: https://www.bb.fund/results Hi There, I have a page with a bunch of iFrames on it https://www.bb.fund/results The problem i'm having is that in the editor view these look perfect (and yesterday they were) but when i hit save or preview in another browser they are all over the place (especially section 2) I've tried creating a new page from scratch and the same thing is happening the iframes themselves are all super simple, see an example below: <iframe style="background-color:LightGray;"src="//www.fxblue.com/fxbluechart.aspx?c=ch_accountrisk&id=260014762" frameborder="0" width=100% height=200></iframe> so i'm not sure where i'm going wrong full disclosure: this morning i was adding code blocks to try and remove clicks on these, that didn't work and finally worked it out with a CSS injection and i have deleted all the old code and double checked that its gone?!?!? can Squarespace get ghost code lingering about?
  25. Hey everyone! I've been trying to apply the attached code (using the .grid-item class) to an image/link that's inside of a Portfolio Grid for the past hour. 😑 Is this possible? .gallery-grid-item img:hover {height:100%!important; width:100%!important; transform:Scale(1.2); overflow:hidden!important; transition-duration:1s} .gallery-grid-item {overflow:hidden!important}
  • Create New...