quilt | Quilt is a simple avatar editor for Hubs avatars | Plugin library

Padding adds space between the content and the border i.e. making the grey tag bigger.

Margin adds space between the border of an element and the border of other elements.

If you want to add space between the two elements you will need to add margin.

Please update your home component to this

You can use my animation-speed component (example) which allows you to provide a speed factor:

Try the following

You don't. Helpers are there to immediately return values but are triggered by reactive data sources.

If you want a helper to "run" once the data "arrived" then your should move this code into onCreated and store the value in a reactive data source:

If you put the dicts in a list you can build a dict comprehension that pandas can recognize

It worked with small modification in code-

After some debugging I found out that the problem was in @shopify/koa-shopify-auth. it just did not put the data to session. This is the pull request for the fix.

It looks like have 4 potential problems working against you on this.

1. The script /s/jqueryelevateZoom-308min.js isn't loading due to Squarespace responding with the Content-Disposition: Attachement header. I suppose that is just how Squarespace is setup for assets in the /s/ folder. That didn't used to be the case, but it appears to be now.

2. The on ready JQuery event may not fire at the proper time.

3. The source image that will be zoomed may not be large enough, due to Squarespace's JavaScript-based dynamic image loader.

4. You should target the img element inside that image block div, not just the image block div itself.

To remedy all of those issues, do the following:

In the header code injection, replace the line with the actual contents of the jqueryelevateZoom-308min.js file, pasted between an opening and closing

Then, add the following script below that.