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

Search the Community

Showing results for tags 'squarespace-7.0'.

  • 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.joannetapodicreative.com.au/branding-websites Hi to all the CSS gurus out there! I am struggling to find a way to remove the hover for the slideshow gallery page section I have on an index page on my website (https://www.joannetapodicreative.com.au/branding-websites). It is the section that shows an automatically transitioning slideshow with mock-ups of website designs in laptop, iPad and iPhone. As soon as you go to use the arrows to flick through the slideshow manually there is an opaque hover that occurs and essentially dulls out the images, this is especially noticeable on those images that are darker. Can someone please help with a code that can disable this hover effect, try as I might I can't find anything that does the trick. TIA!
  2. Site URL: https://gardenia-potato-7a66.squarespace.com/ I had a site on Squarespace 7.0 which was using Heights template. It was possible to select a number of background images which would automatically cycle through, changing every few seconds. Now.. I'm creating a new site with Squarespace 7.1, I'd like to do the same but can't find anything which replicates this feature. site: https://gardenia-potato-7a66.squarespace.com/ pass: "clarksonsydney"
  3. Site URL: https://dylansoffice.com/ I'm trying to adjust the mobile menu of my website with Squarespace 7.0.... I know I know. The 7.1 gang will be coming for me but I don't want to go through the process of recreating my site. - I'd like the mobile menu to resemble the desktop version... No more need for the current menu button in the top right corner that opens a navigation display. I'd prefer a straightforward dropdown menu when the main pages are tapped, the secondary page links dropdown below. Just like on a desktop browser.
  4. Site URL: https://www.gorgeousgelato.com/next-day-delivery/gelato-pint I have a test page www.gorgeousgelato.com/automatic-gallery-test where I was able to pull firestore.onSnapshot query results and display them in a real-time gallery of images with this code (which works as intended): // CREATE GALLERY <div id="coolGallery" class='flavorsOfTheDayGallery'></div> // FIND FLAVORS THAT ARE MARKED AVAILABLE let flavors = db.collection("flavorsOfTheDay").where("isAvailable", "==", true) .limit(16) // ORDER AVAILABLE FLAVORS ALPHABETICALLY AND BUILD EACH AN IMG TAG WITH SOURCE AND ALT TEXT portlandsFlavors.orderBy('flavorName') .onSnapshot((querySnapshot) => { coolGallery.innerHTML = ""; querySnapshot.forEach((doc) => { coolGallery.innerHTML += "<img class='flavorImage' src='"+doc.data().url+"' alt='"+doc.data().flavorName+"'>" console.log(doc.id, " => ", doc.data()); }); }) I have been trying to recreate this success for product select dropdowns '<select><option value="">"text"</option></select>' where each 'value' and 'text' would be equal to a flavorName derived from the firestore query (standard dropdown shown below). I can push the query results to the console.log only if I remove reference to 'selectDropdown.innerHTML' from the querySnapshot. The goal is to update the dropdowns above with live code from a firestore .onsnapshot query // Target select ID let selectDropdown = document.getElementById('select-yui_3_17_2_1_1588782094999_71107-field'); // Search for Portland's available flavors & limit to 16 let dropdownOptions = db.collection("flavorsOfTheDay").where("isAvailablePortland", "==", true) .limit(16) // ALPHABETIZE AVAILABLE FLAVORS let alpha = dropdownOptions.orderBy('flavorName') .onSnapshot((querySnapshot) => { selectDropdown.innerHTML = ""; // .innerHTML cannot read querySnapshot.forEach((doc) => { selectDropdown.innerHTML += "<option value='"+doc.data().flavorName+"'>'"+doc.data().flavorName+"'</option>" console.log(doc.id, " => ", doc.data().flavorName); }); }) The last thing to mention is that the lightbox modals (shown below) which hold the select dropdowns are not loaded into the DOM until product "Add to Cart" buttons are clicked. My attempts at using MutationObservers have been unsuccessful and I'm not certain I will be able to make changes even if the mutationObserver catches the addition of the lightbox-modal to DOM.
  5. I have been using Squarespace for a long time and went to go make a new site for a client, without realizing how much different 7.1 is to work with, compared to earlier versions. I noted that you can still use some of the older templates that have the design interface I'm used to/prefer, but my question is, will those be compatible with all of the new everythings that Squarespace is rolling out (e.g., video studio, video courses)? And if I start down a path with a 7.0 template and find it at some point not supporting the new features, will I be able to switch templates to a 7.1? (BTW I'm disappointed that 7.1 templates are not switchable!) Thanks!
  6. Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hello, the YouTube video I'm using on the landing page for my website (Zion 7.0) is not appearing on mobile phones. I'm wondering if there's a workaround or coding in order to have the video appear on all mobiles. Thank you so much for your help.
  7. Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hi, the YouTube video I'm using on the landing page for my website (Zion 7.0) is not appearing on mobile phones. I'm wondering if there's a workaround or coding in order to have the video appear on all mobiles. Thank you for your help.
  8. Site URL: https://skylabnyc.com/reshades/#closeencounters Hello. I have a page that hosts free downloads. I'd like to add a front facing "download counter" to my download page. I've mocked up an example of what I'm looking for in the image attached. You'll see the example in the red box in the top left of the image. The font used for the words "300 Total Downloads" example is in Arial-Regular. Here are the things I was looking for: a counter that can start from a pre-defined number (i'm pulling a number from a site that is hosting my file currently), so I'd like to start with that number on MY site a counter that updates in real-time optional a counter that can possibly pull a "total downloads" number from a third-party site Any help would be appreciated. I've looked all over you-tube for a tutorial, I've also looked on these forums but haven't seen anything like this answered. Thanks again!
  9. Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hello, I'm using the Zion template and when scrolling up and down, a black bar briefly appears in the background of the header only. Doesn't seem to be happening to any other page or area on the site while scrolling. Any help or coding would be greatly appreciated. Thank you so much as always!
  10. Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hello, I'm using the Zion template and when scrolling up and down, a black bar briefly appears in the background of the header only. Doesn't seem to be happening to any other page or area on the site while scrolling. Any help or coding would be greatly appreciated. Thank you so much as always!
  11. Site URL: https://www.euphonichealth.com Hello, I am having issues with the following pages when viewing my site on a tablet; https://www.euphonichealth.com/coaching-enquiry-form - text at the top of the pricing table is getting pushed to the right. Is it possible to centre this as it is on mobile and desktop? https://www.euphonichealth.com/coaching - In the section titled 'who is it for?' (https://www.euphonichealth.com/who-is-it-for) the text is bleeding out of the black box. Is there a way to reduce the font size just for tablet to make it fit? Thanks in advance, Patrick
  12. Site URL: https://blissfuldoulacare.ca/ Site password: blissful2021 I am currently working on the services index page and would like to hide text heavy sections with a toggle option. Is there a way to toggle (something like a markdown) the consecutive page? I've attached a static image to show what I mean. The first green section would be toggled 'off'. The second orange section would be 'on' showing the page with package and pricing information. Currently messing around with mark downs but haven't figured out how to apply hide/show option to an entire page. Thanks in advance for any suggestions!
  13. Site URL: https://www.yocostudio.co.uk Hi all, I've recently just switched my site from 7.0 to 7.1 and I thought that the Google Workspace would move with the domain as opposed to staying with the site. Does anyone know how I can check if it's all working as it should and/or switch it over to the new Squarespace site? TIA
  14. Site URL: https://www.troop1916.com/ Hey there, I have text in my banner which I cannot place as a text element. Unfortunately, when I increase the size of my browser tab (or if someone views the site on an ultrawide monitor), the banner image increases to a size where the text begins to cut off. You can replicate this issue by going to my site and dragging your browser width outwards -- you'll soon see the issue. The "banner" itself was not uploaded to the page banner settings. It is a slideshow placed at the top of the page that turns into a banner slideshow with my theme. Is there a way that I can stop the homepage banner from increasing width after the browser window has reached a certain width? Any help is appreciated. Thanks!
  15. Site URL: https://www.grovestudio.com/ Currently, I have a white logo on my website using Basil Template Squarespace 7.0. When I go to mobile it pushes the banner image down so I have a little strip of white at the top and now my logo isn't visible. Does anyone know how to change the logo to black in JUST mobile setting? Thank you!
  16. Site URL: https://hawkesburynepeancmp.org/ Hi, I'm new to squarespace and have no previous experience with coding, but I'm good with following instructions. I'm in the process of redesigning a website (mentioned url) in a 'preview template mode'. I've created a timeline using Summary Block List and a blog page by applying some custom code I found online (see image 1). I then tried to add some more custom css to create an accordion style FAQ section on the same page, but every time I would paste the second code (like this one) in the Custom CSS field either one of two things would happen: 1) the timeline will get out of allignment; or 2) the drop-down functionality of the FAQ section will disappear. That makes me think there's some kind of contradiction in the two codes and I don't know anything about codes to spot what the issue is. Any help will be highly appreciated. Thanks in advance! Kate
  17. Site URL: https://www.fabmo.org/fabric-1 Is there a way to add a block below the product list (but above the footer) on a store page? We want to repeat the navigation in the store "intro block" below the product listings, so visitors remember our products are spread across more than 1 page (because of the Squarespace 7.0 200 product limit).
  18. Site URL: https://putmeincoachhlp.com/ Hi- For some reason there is a small white gap on the right side of my webpage, on desktop, tablet & mobile layouts, and I can't figure out way. When you first visit the site it isn't noticeable, but when you scroll sideways it becomes visible. Any ideas on how to fix this? I've searched a couple other threads but haven't found a solution.
  19. Site URL: https://www.leo2021.org/ Hi, I am attempting to add a small bit of text or an image between the navigation menu and the blog section of this site (which is set as the homepage), in order to provide a link to a blog archive at a separate URL. I am not experienced at adding custom code, but ultimately just looking for a workaround to apply to only the blog page of this site. I am hoping this will be an easy fix for someone more experienced in customizing SqSp pages, and thanks in advance for any advice!
  20. Hi Friends, I am working with a client whose website on 7.0 has a blog. She needs to know how to insert little footnote numbers in her blog to reference or cite information. I would love to know how to make this happen if anyone knows how to do it!
  21. Site URL: https://vote.webbyawards.com/PublicVoting#/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/community PLEASE VOTE!!! A Squarespace site I designed & built is up for a webby award! Please vote for β€œReverse the Red” to help species survival πŸ‘‰ https://vote.webbyawards.com/PublicVoting#/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/community
  22. Site URL: https://www.korsvang13.com/ Hi I'm struggling "big times" with the padding of a embedded YouTube video within Squarespace 7.0 Hopefully someone can answer my question πŸ™‚ how do I remove the padding? It is the Drone movie in the upper right corner πŸ™‚ - My first Drone movie πŸ™‚ Thanks for helping - Kindly / Henrik
  23. Site URL: https://www.seidoartservices.com Hi. I've added icons with email/phone links from Font Awesome (Free) to my site header. I followed this guide: https://www.bigcatcreative.com/blog/social-links-navigation-squarespace I would like to learn how to make these icons persist in the mobile view, on the left of the "burger" menu. Currently the mobile view removes all text and links in the header and converts it into the mobile view drop down menu, and now also drags the icons into that menu too. Ideally I'd like the two icons to persist in the header, when in mobile view, for easy ways for visitors to make contact with my business. Is this possible through css? I've attached an image (photoshop edit) of the outcome I'm looking to achieve. Thanks
  24. Site URL: http://www.steltcollaborative.com/consulting I know it's in the template settings that Page Description does not show on Banner images in the Five Template on mobile but I am wondering if there's a way for custom css to have it display? I want to use the description as a part of my design and need it to show on mobile as well. Thanks for any suggestions + help!
  25. Site URL: https://codepen.io/janoschvg/pen/QwmdwY Hi, I've added code from codepen into my Squarespace site using a code block. The code is for a countdown timer but it doesn't countdown after I insert it. Code i've inserted and edited <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css"> <header></header> <section> <div class="wrapper"> <hgroup> <h1>Countdown</h1> <p class="meta">WE ARE GOING LIVE IN</p> </hgroup> <div id="countdown"> <div class="cd-box"> <p class="numbers days">00</p><br> <p class="strings timeRefDays">Days</p> </div> <div class="cd-box"> <p class="numbers hours">00</p><br> <p class="strings timeRefHours">Hours</p> </div> <div class="cd-box"> <p class="numbers minutes">00</p><br> <p class="strings timeRefMinutes">Minutes</p> </div> <div class="cd-box"> <p class="numbers seconds">00</p><br> <p class="strings timeRefSeconds">Seconds</p> </div> </div> <!-- end div#countdown --> </div> <!-- end div.wrapper --> </section> <style> /* resets and general styles */ *{ margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::-moz-selection{ color: #FFFFFF; background: #FF5722; } ::selection{ color: #FFFFFF; background: #FF5722; } body{ font: normal 16px 'Roboto', sans-serif; position: absolute; height: 100%; width: 100%; } div.wrapper{ width: calc(4*225px); margin: 0 auto; } span, a, strong{font-weight: 700;} a{transition: .2s; text-decoration: none; color: #787878; border-bottom: 1px solid #607D8B;} a:hover{transition: .2s; color: #FF5722;} /* page layout */ /* header */ header{ width: 100%; height: 50%; background: #FF5722; } /* section */ section{ width: 100%; height: 50%; } section h1, section p.meta{ color: #FFFFFF; margin-bottom: 15px; } section hgroup{margin-top: -360px;} section p.numbers{font-size: 6em;} section p.meta,section p.strings{font-size: 1.5em;} section h1{font-size: 4.5em;} /* countdown styles */ div#countdown{color: #353535;} div#countdown p{ width: 100%; display: inline-block; text-align: center; } p.numbers{ width: 100%; height: 85%; background: #FFFFFF; margin-top: -25px; padding-top: 100px; } p.strings{ width: 100%; height: auto; padding: 30px 0; background: #FF5722; color: #FFFFFF; } div.cd-box{ width: 210px; height: 360px; background: #FFFFFF; float: left; padding: 25px 0 0 0; margin: 30px 15px 0 0; -webkit-box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5); -moz-box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5); box-shadow: 5px 6px 9px 1px rgba(53, 53, 53, 0.5); } /* footer */ footer{ position: relative; top: 60px; } footer p{ color: #787878; } </style> <script> $(document).ready(function(){ // (function(e){ e.fn.countdown = function (t, n){ function i(){ eventDate = Date.parse(r.date) / 1e3; currentDate = Math.floor(e.now() / 1e3); // if(eventDate <= currentDate){ n.call(this); clearInterval(interval) } // seconds = eventDate - currentDate; days = Math.floor(seconds / 86400); seconds -= days * 60 * 60 * 24; hours = Math.floor(seconds / 3600); seconds -= hours * 60 * 60; minutes = Math.floor(seconds / 60); seconds -= minutes * 60; // days == 1 ? thisEl.find(".timeRefDays").text("Days") : thisEl.find(".timeRefDays").text("Days"); hours == 1 ? thisEl.find(".timeRefHours").text("Hours") : thisEl.find(".timeRefHours").text("Hours"); minutes == 1 ? thisEl.find(".timeRefMinutes").text("Minutes") : thisEl.find(".timeRefMinutes").text("Minutes"); seconds == 1 ? thisEl.find(".timeRefSeconds").text("Seconds") : thisEl.find(".timeRefSeconds").text("Seconds"); // if(r["format"] == "on"){ days = String(days).length >= 2 ? days : "0" + days; hours = String(hours).length >= 2 ? hours : "0" + hours; minutes = String(minutes).length >= 2 ? minutes : "0" + minutes; seconds = String(seconds).length >= 2 ? seconds : "0" + seconds } // if(!isNaN(eventDate)){ thisEl.find(".days").text(days); thisEl.find(".hours").text(hours); thisEl.find(".minutes").text(minutes); thisEl.find(".seconds").text(seconds) } else{ errorMessage = "Invalid date. Example: 27 March 2015 17:00:00"; alert(errorMessage); console.log(errorMessage); clearInterval(interval) } } // var thisEl = e(this); var r = { date: null, format: null }; // t && e.extend(r, t); i(); interval = setInterval(i, 1e3) } })(jQuery); // $(document).ready(function(){ function e(){ var e = new Date; e.setDate(e.getDate() + 60); dd = e.getDate(); mm = e.getMonth() + 1; y = e.getFullYear(); futureFormattedDate = mm + "/" + dd + "/" + y; return futureFormattedDate } // $("#countdown").countdown({ date: "19 April 2021 18:30:00", // change date/time here - do not change the format! format: "on" }); }); }); </script> Can anyone figure out what i'm doing wrong? I added the html, css (inside <style> </style> and the JS inside <script> </script> This is what displays. I have disabled Ajax Loading already It also doesn't adapt to changing screen size (on different devices). Do I need to find code for that too? Thanks
  • Create New...