Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by aaron1

  1. Hi All,

    Is there a way to make site-wide effects apply to code block content also? It's not very smooth when most blocks slide in nicely but a couple of code blocks just 'appear'.

    My code blocks mostly contain text with custom CSS classes/styling applied.
    Had wondered if an alternate option might be to use Markup Blocks instead for this.

    Appreciate any suggestions.


  2. On 5/15/2022 at 3:07 PM, tuanphan said:


    We can achieve this with Gallery. Do you still need help on this?

    Hi tuanphan,

    Yes still looking for a suitable solution here.

    Ideally I was hoping to achieve this using background images as I have a bit of content to go over top of the imagery. A gallery may be a workable option though if I cant get background images to work - how do you go about achieving random load of gallery images? (I don't want users to be able to scroll through other images either).


  3. Hi all,

    I'm trying to get the background image of a section (first section on a 7.1 home page) to randomly load a different image each time the user visits or refreshes the page - probably around 8 images in total.

    I found the below code on an older post - sometimes it works, sometimes a new image loads but the original suddenly pops up over top of it.

    Any suggestions that might iron out the bugs here would be appreciated.

    document.addEventListener('DOMContentLoaded', function() {
      var images = [
    ].sort( () => .5 - Math.random() );
        var randImage = images[0];
        document.querySelector(".homepage article.sections section:first-child .section-background img").src = randImage;
        document.querySelector(".homepage article.sections section:first-child .section-background img").setAttribute("srcset", "");
  • 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.