Jump to content

Horisontal masonry for gallery grid

Recommended Posts

  • 8 months later...
  • Replies 10
  • Views 1.2k
  • Created
  • Last Reply
On 3/1/2020 at 4:57 AM, tanyashatseva said:

Site URL: https://www.tanyashatseva.com/paintings

Hi! Does anybody knows a code to make the mansory grid horisontal instead of vertical? (like in Wexley template)

 

I can't see the horizontal mansory on wexley template, would you provide a screencap?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
6 minutes ago, creedon said:

There is a post very similar to this one that shows some pictures.

 

Do you have some suggestions, isotope has options like so, but it mya need to inject js to the site

Isotope · masonryHorizontal (metafizzy.co)

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 3 weeks later...
6 hours ago, SST said:

Isn t there any option to simply just CSS code this?

VERSION 7
 

The mansory is generated with custom javascript and recalculate on resize

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 11/20/2020 at 10:13 AM, SST said:

Isn t there any option to simply just CSS code this?

The answer is no.

On 11/20/2020 at 4:16 PM, bangank36 said:

The mansory is generated with custom javascript and recalculate on resize

 

18 hours ago, SST said:

I m not sure what you mean.

What I believe bangank36 is saying is that it would require a not insignificant amount of Javascript code to do what you want, if possible at all. The first challenge would be to override the in-built behaviour and then use custom code to impose the new behaviour.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 3 months later...

So its just Wexley which offeres the Masonry Style HORIZONTAL bigger then Vertical?
Did anyone ever try to find a solution for this?
Still would love to implement it to my page since i love horizontal bigger way better then the vertical.
Best Sandra

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.