Jump to content

laura_c

Circle Community Leaders
  • Posts

    147
  • Joined

  • Last visited

6 Followers

About laura_c

Personal Information

Recent Profile Visitors

1,416 profile views
  1. Hi all, For any Melbourne or Victorian designers, I'm arranging a very casual meetup in Melbourne on Tuesday 26 March from 5.30-7.30pm @ The Duke of Wellington (146 Flinders Street, Melbourne). It will be a great opportunity to network and chat about all things Squarespace. Would love to see you there! Email me at laura@hatchlabs.com.au if you're keen.
  2. Hi all, I'm arranging a meetup in Melbourne on Friday 28 April from 5.30-7.30pm @ State of Grace in the CBD. It will be a great opportunity to network, chat about all things Squarespace and swap stories - and generally get out of our respective suburbs! Would love to see you there! RSVP here
  3. SQS Mods also have a plugin that does just this. It allows you to create a button with any text that opens the copy. I've implemented it on projects and it works really well. https://www.sqsmods.com/list-expand
  4. I'd also love the background gallery functionality from 7.0 to be added back into 7.1. Adding static text or other content over a slideshow background is such a common request. Anyway, after much trial and error I've found a solution that - while not perfect - does the trick. Create a gallery section. Set the gallery type to to Slideshow:Full. Set the section height, hide the controls and turn autoplay on. Create a second section that sits below the gallery section. Set the section height the same as the gallery section. Don't upload any background images, videos or art. Add your text/button/content. Add the following code to CSS, replacing the section id number with those of your second section. If you don't already have a Chrome extension to help you quickly see section and block ID's, I can recommend Squarespace ID Finder by Heather Tovey. body:not(.sqs-edit-mode-active) section[data-section-id="60bd6308fec0673d7ddd4a41"] { position: relative !important; margin-top: -100vh !important; background-color: transparent !important; .section-background { background-color: transparent !important; } } Basically, it removes any background colour from your content section and moves it up to sit over the gallery section. It doesn't apply in editing mode, so all content remains easily editable. It should work on all screen sizes, but let me know if it's not scaling correctly. It's a hack that we shouldn't need - but for now, I hope it helps someone.
  5. @tuanphan, you're a lifesaver! I had to remove the [0] from the script before uploading (in case someone else uses this). But it's finally all working. Thanks so much for your help. I couldn't be more grateful.
  6. Thanks @tuanphan. This is working now. But it has a strange side effect. The script now seems to be triggering the editing mode whenever the page is selected in the backend. Any ideas?
  7. There is no site theme option in the desktop editor. But you can change this in the Squarespace mobile app.
  8. Site URL: https://magenta-harp-d43d.squarespace.com/venues I'm building a site for a client. One of the pages contains two gallery reels. I've installed some jquery code that automatically advances the gallery reel. It's working for the first gallery on the page, but not the second. Can anyone give me some help on how I need to amend the code to work on all instances of gallery reel on the page? @tuanphan, do you know how this might be achieved? URL: https://magenta-harp-d43d.squarespace.com/venues Password: Happiness2021! <script> $(function(){ window.setInterval(function(){ {$("html:not(.sqs-modal-lightbox-open) body:not(.sqs-edit-mode-active) .gallery-reel-control:nth-of-type(2) .gallery-reel-control-btn") [0].click()} }, 2000); }); </script>
  9. @ChrisSE I've figured out a way to do this. Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site. Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.
  10. @ArminB, I've figured out a way to do this! Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site. Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.
  11. Hello Laura - regarding your latest note about  the following. Would you know how to make the two stack blocks on the following page be equal height? https://www.designsite.com/aboutus - thanks if you can help.

    .list-item {
      align-self: stretch !important;
    }
    1. laura_c

      laura_c

      No worries, try the code below:

      /* Make image stack equal height - adjust section id and column width to suit layout */
      section[data-section-id="5f9d849b1e3be610d60a3311"] .sqs-col-12 .sqs-row {
        display: flex !important;
        flex-wrap: wrap !important;
        flex: 1 !important;
      
        .sqs-col-6, .image-block, .sqs-block-content {
          display: flex !important;
        }
      
        .image-block-outer-wrapper, .sqs-dynamic-text-container {
        display: flex !important;
        flex-direction: column;
      }
           
        .image-card-wrapper, .image-button-wrapper  {
        display: flex !important;
        flex: 1 !important;
      }
        .image-button {
        align-self: flex-end !important;
      }
      }
      
      /* Add coloured background and padding to image stack */
      .design-layout-stack .image-card-wrapper {
              background-color: pink;
              padding: 40px;
              margin-top: 0% !important;
      }

       

    2. mdemartin

      mdemartin

      Thank you so much - that worked! Very appreciated!

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.