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

Search the Community

Showing results for tags 'coding'.

  • 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
    • Resources
  • 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.shaferrealestate.net FYI... If ANYONE is interested in doing this integration (paid obviously) hit me up, i'll hire you! I'm Rebuilding a site for my client. She is currently on WordPress and I'm rebuilding on SS 7.1 Her current site: www.shaferrealestate.net. In addition to the listings on the home page I would need to create this page as well Click here to see her Listing Page On her home page, you'll see the home listings towards the bottom of the page, this is what I'll need to add to her new site She is using BAREIS IDX. I assume I would need to embed the links provided from BARIES (example below) I cant seem to get it to show up on a test page (on my own site) EMBED LINK: https://rebareis.rapmls.com/scripts/mgrqispi.dll?APPNAME=ReBareis&PRGNAME=MLSLogin&ARGUMENT=8asoUeXWyR69g5w0nIrSLHWh8Zq4gC0p7mZGTOkt9Q8%3D&KeyRid=1&MLS_Origin=BARI This is also just a list view and doesn't have an option to display a grid view like on her website Here is the instructions the BAREIS provided to add the IDX feeds https://bareis.com/root-documents/forms/forms-1/idx-forms/2151-using-the-bareis-mls-idx-links-from-rapattoni/file.html Anyone have experience with this - OR- would like a small project integrating? Kelli kelli@kjdesignpro.com
  2. Site URL: http://www.happysoulpediatrics.org Can someone help me with a code to space out the social links and button? Also possibly making the button a bit bigger?
  3. Site URL: https://marineselenee.squarespace.com/ Hi!! I've been playing with the List layouts, but struggling to figure out the code to get the buttons to align and/or the card background to be equal. The three areas that are frustrating me are the home page - the first list of three "Sessions" "Course" "Book", all the buttons need to align - and currently they only align at certain browser widths. I've tried some coding I've used in the past, but I can't seem to capture the right element. https://marineselenee.squarespace.com/ And then this page has two issues - the first list of three "Identify" "Explore" Develop" the card height needs to align across all three for all browser widths so the images beneath the copy aligns, and then the block of 8 cards - I've tried to align them manually, but I just need all cards to be equal height. https://marineselenee.squarespace.com/course Any solutions? Thanks in advance!
  4. Site URL: https://cello-gerbil-ekze.squarespace.com/shop-D52uj-ksrCn/p/grounded-in-black-9g29f-546dy-377lg Site page: https://cello-gerbil-ekze.squarespace.com/shop-D52uj-ksrCn/p/grounded-in-black-9g29f-546dy-377lg Password 1234 Hey - I hope you can help. I am wanting the variants on my product page to be closer together. I was able to move the 'Frame Finish' variant dropdown but can't for the life of me find the correct CSS to move the title. See attached image. How can I target one variant title specifically and move it to be in line with the below dropdown? Thanks
  5. I need to figure out how to create custom code or have someone create the code for add a solar savings calculator to a clients website. Does anyone have any experience with this?
  6. Site URL: https://papaya-armadillo-7acs.squarespace.com/ Password for website: design101 I'm trying to customise a summary block on this website. I'm using the summary block as a testimonial carousel slider, so I'm feeding in the content from blog posts. I can kind of get the content looking almost how I want it when I'm in 'list view', but I still want to show multiple so I'm wondering how I can achieve this. if there even is a way. **This occurs on the home page and the 1:1 coaching page. Below is what I want to achieve. Below is what I've been able to achieve (minus the carousel element).
  7. Site URL: https://www.houseofflow.co/ Hi All: I am having the most difficult time trying to figure out how to add a save/like feature on my website that will allow my users to favorite a video and then have these videos appear on their personal member page. I have been told that Squarespace doesn't have that functionality, but if there is someone that knows or has a plugin/work around then please let me know. Please see the screenshots below for better clarification of what I'm trying to do. Thanks in advance for your help. Best, Grant
  8. I was wondering if anyone could help me with coding a sign up counter on a specific sign up page to show how many people have signed up already when someone visits the landing page?
  9. Site URL: https://clover-viola-yfne.squarespace.com/our-team Hello. I am looking to edit drop down buttons I have, but my knowledge of code just isn't up to par. I have the drop down tabs created via CSS, added a header code injection script to make them clickable, and added in some custom CSS to edit them a bit more. What I would like to be able to do is click on one of the tabs and have it show a photo of that team and the names, then be able to click another tab and have it do the same. Can anyone assist in the CSS to be able to add in photo/text? Site: https://clover-viola-yfne.squarespace.com/our-team PW: Xolbe CSS CODE in Code Block: <div class="tabs-container"> <button class="tab-btn" id="tab-1" onclick="tabOneClick()"> Impact School </button> <button class="tab-btn" id="tab-2" onclick="tabTwoClick()"> Socioemotional Programs </button> <button class="tab-btn" id="tab-3" onclick="tabThreeClick()"> Selection & Project Impulso </button> <button class="tab-btn" id="tab-4" onclick="tabFourClick()"> Project Launch </button> <button class="tab-btn" id="tab-5" onclick="tabFiveClick()"> Administration </button> <button class="tab-btn" id="tab-6" onclick="tabSixClick()"> Fundraising & Comms </button> </div> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown CSS CODE in Design > Custom CSS .tabs-container{ transform:translateY(10%); width:100% !important; text-align:center; border-bottom: 0px solid #999; overflow: auto; overflow-x:auto; white-space: nowrap; z-index:99; } .tab-btn{ max-width:280px; display: inline-block; border-radius:1px 1px 0 0; border:px solid #011E40; padding: 5px 10px; font-size:0.9em; background:#f5f5f5; margin-bottom:none !important; border: !important; border-color: #011E40; &:not(:first-of-type){ margin-left:10px; } } .tab-btn.active{ background:lightgrey; }
  10. Site URL: https://www.vaskal.ca/code-source I recently installed a counter plug-in but I was wondering if I could alter it turn off the scroll-to-activate feature. I want it to activate upon landing on the page. Code details: Under Settings > Advanced > Code Injection > Header <style> .counter-container { color: #344d71; text-align: center; display: flex; flex-flow: row nowrap; justify-content: space-evenly; } #counterbox { display: inline-block; min-width:200px; } #counterbox p { text-align: center; width: 100%; display: block; } .counter { font-size:60px; line-height: 60px; font-weight: 100; } @media (max-width:870px) { .counter-container { display: block !important; width: 100% !important; } .counter-countainer #counterbox { margin-top: 20px; margin-bottom: 20px; } } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> /*=============== SQUARE STUDIO ANIMATED COUNTER PLUGIN START ===============*/ function watch(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver,new MutationObserver(function(a){for(var b=0;b<a.length;b++){if("attributes"===a[b].type){var d=new Event("pageChange");document.dispatchEvent(d)}}}).observe(document.body,{attributes:!0,attributeFilter:["id"]})}var executed=!1;$(document).ready(function(){function a(){$(".counter-container").length>0&&$(window).scroll(function(){b()})}function b(){if(!executed){var a=.1*$(".counter-container").outerHeight();$(window).scrollTop()>$(".counter-container").offset().top-$(window).height()+a&&(executed=!0,$(".counter").each(function(){var a=$(this),b=a.attr("data-count");$({countNum:a.text()}).animate({countNum:b},{duration:3e3,easing:"linear",step:function(){a.text(Math.floor(this.countNum))},complete:function(){a.text(this.countNum)}})}))}}a()}),document.addEventListener("pageChange",function(){executed=!1,$(window).unbind("scroll"),init()}),window.onload=watch; /*================ SQUARE STUDIO ANIMATED COUNTER PLUGIN END ================*/ </script> <script src="https://kit.fontawesome.com/1b3b2d7ef6.js" crossorigin="anonymous"></script>
  11. Site URL: https://www.hellencolman.com/ I would like to build a database in my website containing about 500 images, in the way explained in this video: video I would like the simplest solution that would be easy to update adding both new photos and new species. I am using Mojave template. Thank you.
  12. Site URL: http://www.gapeye.com Password: Ladybirddbp_1984 Hi, Can someone help me build a CSS code to customize my order confirmation page? I want to integrate my Client Intake form I created through ActiveCampaign once a customer places an order. This will trigger my automation to start after a customer presses submit. Below is an embedded code or link to my form: Simple Embed: <div class="_form_15"></div><script src="https://gapeye.activehosted.com/f/embed.php?id=15" type="text/javascript" charset="utf-8"></script> Link: https://gapeye.activehosted.com/f/15 Thanks a lot! Destini
  13. Site URL: https://fatpaparazzi.com.au/test-gallery/4xnikkjzp4y0254lhcrk5v61zam9p8 Hello everyone, Novice here, but looking to add a thin white border around my gallery images only in the slideshow configuration. I can do it globally, but only want it on my gallery images to make them pop against the black background. Any help with the coding would be greatly appreciated. Thanks all....Peter
  14. Site URL: https://www.dylanwhite.me/ Are there any official plans for supporting NFT integration on squarespace ? There is a workaround on one of the forums with iframes / opensea but I couldn’t seem to get it to work with IPFS. As many visual artists increasingly look to sell NFTs either via marketplaces and / or free storefront hub services such as lynkfire, linktree etc I am increasingly wondering why I pay for 2 squarespace sites. Please let me know if you’ve any NFT integration plans soon or I will probably just transfer my url to a linktree that points to hen, fnd, objkt et al. thanks again Dylan
  15. Site URL: https://falcon-fiddle-24bg.squarespace.com Hello I'm the owner of a restaurant and I created an online shop for people to be able order my food for pick up only. Is there a way for me to turn off online ordering when my shop is closed? I don't want to run into any issues of people ordering food while there is no one at the store. Below is the url and password to the private site https://falcon-fiddle-24bg.squarespace.com PW: 1234 Thanks in advance
  16. Site URL: https://www.robin-lyons.com/work/smirnoff Hello, I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage using the code body#item-618d19fdcd79e33780a7b906 #header{background-color: #FFF !important;} body#item-618d19fdcd79e33780a7b906 #header a {color: #111 !important;} but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff even if for example I use the code body#item-61533729f737a7012e2f7d80 #header{background-color: #FFF !important;} body#item-61533729f737a7012e2f7d80 #header a {color: #111 !important;} Any help would be most appreciated. Cheers, Robin.
  17. Hello, I am fairly new to Squarespace, however this is the first real "impossible" issue that I've run into. I would like to add a bottom border to the first section of my website. There are plenty of tutorials on this, however none of them actually work for me. I've tested the below CSS on multiple websites and it doesn't work on any of them. Is this code simply out of date? section[data-section-id="62545a717950610f6036f8a8"]{ border-bottom: 20px solid red; } Of course, that is the section id for the one on my site, however it does not work on any sections on any of my sites. I would greatly appreciate it if someone could let me know if there is a new/alternative method of achieving a bottom border on a section. Thank you!
  18. Site URL: https://raccoon-oarfish-szer.squarespace.com/ I'm using the following code for custom social icons in the header: .header-menu-actions-action:nth-of-type(2) { svg { display:none; } background-image: url(https:.....png); background-size: 100%; background-repeat: no-repeat; } That all works fine, but I can't figure out how to create a hover style for the icons I've uploaded. I'm thinking I could upload a different color .png file for hover, but all my attempts at figuring out how/where to add a:hover anywhere does not work when attempting additional code. All my searches have found how to add the above snippet, but nothing about hover. pwd: Largeosity
  19. Site URL: https://jaguar-lobster-f28t.squarespace.com hello! i want to align my home and shop buttons along with my cart to the top of my site, not align them in center with my logo, for example like they are in the card template.
  20. Site URL: https://jaguar-lobster-f28t.squarespace.com Hi 🙂 how can i make a custom header height without it effecting specifically the size of my logo. Thanks.
  21. Site URL: https://elizabethhoffman.squarespace.com/ Hi. I'm trying to make a link underneath the left-side store navigation that will just link to a regular page. It can't be done in the template. I think I could possibly do it with some css? I want it to look uniform to the rest of this navigation. I can just stick it on the bottom of the list. This would be another text link called "Licensing" and it would go to a static page, not the store. Has anyone done anything like this?
  22. Site URL: https://lobster-ray-g42d.squarespace.com/fragrance Hello I am using the code below to animate some text (in a code block) to fade out over a time period. I then want: for the text to remain hidden once it had faded away until the end of the video (41s long) for it to loop back to the beginning again when the video starts again, and fade in and then fade back out, in continuum. Is there a way to build that into the coding? Thank you! Louisa #block-yui_3_17_2_1_1655285596647_6593 {.fade-out { animation: fadeOut ease 35s; -webkit-animation: fadeOut ease 35s; -moz-animation: fadeOut ease 35s; -o-animation: fadeOut ease 35s; -ms-animation: fadeOut ease 35s; letter-spacing: 2px; font-family: 'BreweryProMedium' !important; font-size: 24px !important; text-align: center; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
  23. Site URL: https://www.medicurahealth.co.za/ We have built a certificate generator through Airtable, Intengromat/Make and a PDF generator service. We use Squarespace for our website. These certificates are printed out for our patients on our testing sites, with each certificate having it's own QR code. Now what we want to set up is that whenever a QR code is scanned by the relevant authorities, a digital/pdf copy of that same certificate loads up as a URL that is linked to our website so that the authorities know that it's legit. How do I get this set up on Squarespace?
  24. I want to add a custom "line" under the navbar page. In stead if a basic line when you are on each page, I'dd like to replace it with an icon. See attached. I figured out how to add an icon to the side oof each link, but not underneath when you click on the page. Site isn't live yet.
  25. Site URL: http://www.found-hired.com I am looking to make the summary blocks the same height I am currently using some code to make the summary look how it is at the moment however I am struggling to get the blocks all the same height. I would like if possible, for the excerpt to be cut off if it extends past a certain point so they all line up nicely. Any suggestions?
  • Create New...