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


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by Webswool

  1. On 8/2/2021 at 7:23 AM, tuanphan said:

    Do you want to fix these?

    (Checked July 31)

    Site URL: https://live-vitae.squarespace.com/

    1. (Tablet – Homepage) Increase banner text width?


    2. (Mobile – Pop up) Image disappear


    3. (Mobile/Tablet – Work with me) Background image doesn’t show in full size



    4. (Mobile – About) The same here



    If you have the time @tuanphan - absolutely! 

  2. 7 hours ago, tuanphan said:

    The Code Block code added a blank link item to Summary.

    Try adidng this to Page Header

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      // remove first item in summary about us 
      $(document).ready(function(){$('div#block-yui_3_17_2_1_1619079445519_3109 .summary-item-list>a:first-child').remove();});


    Absolute legend @tuanphan - that worked a treat! Thanks!!

  3. Site URL: https://live-vitae.squarespace.com/about

    Hey peeps.

    Bit of a strange one...

    I'm embedding an interactive map on a clients website using a code block. (I'll link to where we're getting the map code from here: https://www.amcharts.com/visited_countries/#DE,NL,PT,RO,CH,GB,CA,GT,MX,US,BH,ID,SA,AE,AU)

    When I put the code in the code block and hit save, it is making the first slide of my summary block blank.

    I'll show you what I mean...

    I'm using the same summary block on two pages to pull through client testimonials. Exact same settings. On the Work With Me page (https://www.livevitae.com/personalised-nutrition-services )the summary block works great, but on the About Live Vitae page (https://www.livevitae.com/about-live-vitae) there is a blank slide being added to the summary block, so it looks like the content hasn't loaded. When you click the ">" it takes you to the first client testimonial. 🤯

    I've double checked and there are no rogue blank client testimonial blog posts floating about... and when I remove the map code block from the section above, the summary block behaves perfectly normal.

    Any ideas? 

  4. Hey @tuanphan - have attached 2 screen shots showing the anchor links (or where I'm trying to put them!) in the main navigation. 

    under 'ABOUT' - both 'Weight Loss Philosophy' and 'My Favorite Clients' are the same page (the Weightloss Philosophy page), but two different sections.

    There is a code block above each section at the moment... but I think I'm doing something wrong.

    Screenshot 2021-07-16 at 10.03.44.png

    Screenshot 2021-07-16 at 10.03.50.png

  5. Site URL: https://weightlosswithcoachmelanie.squarespace.com/

    Hey peeps.

    I'm trying to use anchor links in my clients navigation to jump to a section of a page... password is: melanie

    the "Weight Loss Philosophy" and "Favorite Clients" are both on the same page. I've tried numerous methods and nothing seems to be working. Currently I'm using a code block on each section, with a unique id (weight loss philosophy is #approach, favorite clients is #clients)

    On another note, I've noticed that another clients anchor links that have been working beautifully up until now have also stopped working (About dropdown on https://livevitae.com) - is anyone else having issues? Or am I just doing something wrong?

  6. On 8/27/2020 at 9:38 PM, IXStudio said:


    Use this code in Design -> Custom CSS

    .Loader {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 1440px;
        z-index: 9999;
        background-color: transparent;
        -webkit-transition: background-color .3s ease-out,transform 0s .3s linear;
        -moz-transition: background-color .3s ease-out,transform 0s .3s linear;
        -ms-transition: background-color .3s ease-out,transform 0s .3s linear;
        -o-transition: background-color .3s ease-out,transform 0s .3s linear;
        transition: background-color .3s ease-out,transform 0s .3s linear;
        display: none
    }[data-mercury-loading] .Loader {
        background-color: rgba(255,255,255,.22);
        -webkit-transition: transform .3s cubic-bezier(0,0,0,.618);
        -moz-transition: transform .3s cubic-bezier(0,0,0,.618);
        -ms-transition: transform .3s cubic-bezier(0,0,0,.618);
        -o-transition: transform .3s cubic-bezier(0,0,0,.618);
        transition: transform .3s cubic-bezier(0,0,0,.618);
        -webkit-transform: translatex(60%);
        -moz-transform: translatex(60%);
        -ms-transform: translatex(60%);
        -o-transform: translatex(60%);
        transform: translatex(60%)
    }[data-mercury-loading='done'] .Loader {
        -webkit-transform: translatex(100%);
        -moz-transform: translatex(100%);
        -ms-transform: translatex(100%);
        -o-transform: translatex(100%);
        transform: translatex(100%)
    .tweak-site-ajax-loading-enable.tweak-site-ajax-loading-bar-show .Loader {
        display: block

    Please use the like button if it helps you!




    Hey Leopold @IXStudio

    I'd love to implement this kind of page transition effect on my client's 7.1 site - I've tried using just the CSS alone but to no avail.

    Any suggestions would be hugely appreciated!

    acg-demo.squarespace.com (password: demo)

  7. 7 hours ago, tuanphan said:

    Can you share link? I think we can use JS code to solved this

    Sure thing.

    acg-demo.squarespace.com/acg-team (password: demo)

    I'm using your <span> method to show the job titles underneath the team members names for the hover effect but when you click through onto each team member, the job title looks a bit too much with the name on the pagination. If we could cut that down to just their name, that'd be fab!


  8. 9 hours ago, aadmint2021 said:

    Can you share the code? I'm actually trying to do the same for my client. Thanks!

    Hey @aadmint2021

    I used the following code in my Footer Injection:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
    var eventFired = false,
        objectPositionTop = $('section[data-section-id="5fbc069d82d4af71faa5c888"]').offset().top;
    $(window).on('scroll', function() {
     var currentPosition = $(document).scrollTop();
     if (currentPosition > objectPositionTop && eventFired === false) {
       eventFired = true;
    // Animate the element's value from 0% to 110%:
    jQuery({someValue: 0}).animate({someValue: 670500}, {
    	duration: 10000,
    	easing:'swing', // can be anything
    	step: function() { // called on every step
    		// Update the element's text with rounded-up value:
    		$('section[data-section-id="5f4cc944f0feca27412aafdc"] h1').text(Math.ceil(this.someValue) + ' ' + ' kg CO2e');

    Switch out the section ID for the section you're working with, and you should be able to switch h1 out for whatever size of text you're using and the 'kg CO2e' out for whatever units you need.

    This code doesn't require a code block on the actual section you're using it on - it'll automatically make the h1 (or whatever size you change it to) behave like an counter

    Hope that makes sense? If not, just holla.

  9. 8 minutes ago, MakeShare said:

    My site is private at the moment so I can't send the url.
    I am trying to create a landing page, so that it will be the only viewable page on site.
    Hence why I want there to be no footer or header, but why I'd like the e-newsletter form to be unaffected too.
    Strange, heh?!
    I have attached two screenshots, one is the form before code applied, and after.

    Screen Shot 2021-03-18 at 1.44.30 PM.png

    Screen Shot 2021-03-18 at 1.43.57 PM.png


    I’m happy to help you but I’ll need to be able to see the site to do that. Set a password and I’ll be able to do that 👍🏻

  10. 9 minutes ago, MakeShare said:

    This coding seems to do the job for removing header and footer, but it also seems to wipe out the Title and Description of e-newsletter form.
    Any suggestions?

    Can you send me a URL to show me the issue?

    I’ve used newsletter blocks on pages where I’ve used this code and not had this issue before.



  11. 39 minutes ago, Pabsr said:

    Site URL: https://jordancs.ie

    Hi Circle Forum,

    Have an issue when we're updatinga site for a client. We've been receiving an 'unexpected error' notice. We can't save an updates, changes or connect correctly to add new document uploads.

    Anyone else have the same problem or a solution?




    Screenshot 2021-03-08 at 14.44.09.png

    Hey -

    I had this issue too, apparently it's a known bug (boo!). It seems to happen if you delete the text box from the Additional Info section and don't put anything in there... try adding a blank text box and re-saving?

  12. 27 minutes ago, Just_Opportunity said:

    Hi there,

    Is there a code I can put in the page setting to remove the header and the footer from that page? 

    Thank you

    If you have a business plan or higher you can add the following code under the Advanced settings for the page you'd like to hide the header and footer on:

      /* Remove Header Footer */
      header, footer {display:none;}


  13. Site URL: https://marguerite-elliot.squarespace.com/

    Hey folks -

    I'm forcing mobile navigation on all devices with this website, but the gap between the links gets really huge when viewed on desktop. I've tried targeting the line-height between the links but had no luck... the settings in the style editor are great for mobile view, but as soon as the screen size increases the links seem to grow in size, as does the space between them.

    Would love to tweak the spacing overall, but specifically for the smaller (sub) links

    Have attached a screengrab - thanks in advance!




    Screenshot 2021-03-04 at 18.22.15.png

  14. On 4/1/2020 at 1:27 PM, tuanphan said:

    Add to Home > Design > Custom CSS

    .burger-box:after {
        content: "menu";
        width: 60px;
        height: 30px;
        display: block;
        color: black;
        font-size: 20px;
        visibility: visible;
    .burger-box div {
        display: none;


    Hey @tuanphan - is there a way to change the colour of the word MENU when it's active?

    I've made it white but am using a sliding mobile menu so when the menu opens I'd like to change the colour to #e26253

    Do you think that's possible?

  15. Site URL: https://www.transcending-self.com/all-stories

    Hello all -

    I'm working on a client's 7.0 site where we're using a gallery page with the 'split' setting layout for the 'stories' page. The client is annoyed that when you zoom out on the page (by pressing "command -") the images don't behave responsively and remain huge whilst everything else shrinks down. Is there some in-built setting that I'm missing somewhere to be able to rectify this so that more images are allowed per row as the screen enlarges/zooms out?? 

    Any advice would be great  😬

  16. Commenting here as I'm frustrated by this too - I've raised a ticket with Squarespace and just been told "it's not possible at this time..."

    Desperately seeking the opportunity to fulfil orders online without payment. I know there are some hinky workarounds for this but I don't want to collect ANY payment details from customers or show a 100% discount because it looks suspect. 

    Thought I'd found a solution with the wonderful WishList extension from @paul2009 but until they're able to incorporate custom forms (ALL of my products are custom orders!) that won't work for me.

    Just feels a bit like screaming into the void with this and I can see that people have been flagging this for over 3 years (!!!!) to no avaiil.

  17. 19 hours ago, creedon said:

    That is because the server supports reading the password from the URL in these cases.

    The server can choose not to use that information and this could be the case for member areas as a security issue.

    Oh I see @creedon! Thanks for the clarification - I knew I could set a JSON query to autofill a site-wide password but didn't realise it didn't apply for specific pages. Doh!

  18. On 10/31/2019 at 5:25 PM, Rector said:

    I have a site with a membership area that requires a password.

    It also runs in a kiosk where I want to bypass the password. Square space can't use query_strings as in:


    Is it possible to create a java script that could detect the kioskID when the page is loaded and bypass the password, or autofill the password?

    Thanks for any help

    Did you ever have any luck with this? I know it's possible as loads of people use this method to show live demos for templates... 

  • Create New...