Hey so has anyone been able to have any thoughts on this? I’m like really stuck over here
Add live URL (The custom code works only under publish url) + Page name + Where you put the custom code? (Looks empty under page setting for
This is the Page siton! https://chris-frazer-smith.webflow.io/
Inspect the page and you’ll see that there’s more than 1 page in there
Again - in this page no masonry (One image in the center).
Please be more clear.
That’s what got me confused as well. I didn’t see any custom code for Masonry in what seems to be any of the pages.
hi! If you check out any of the pages under photography, there are 2 tabs, one with a main image and one with thumbnails. The thumbnails is where the masonry grid is
Well, when you resize the page after clicking on show thumbs, things work…
I’ll have a look at it after lunch.
Yeah I know, weird right? Thank you so much for taking a look!!!
Here you go: https://preview.webflow.com/preview/tore-masonry?utm_medium=preview_link&utm_source=designer&utm_content=tore-masonry&preview=388906081f8c46a4c4c00ce86b44f9da&mode=preview
Just copy this. Take the css and the script from ‘Home’ and name the DIV blocks like here. That should work. Add padding 1.5% to your image, and then you should be all set.
you may consider creating a masonary grid without JS/Jquery… all you have to do is add “Text Columns” to your “gallery items” and then set them to 100% width - you will get a perfect masonry grid without JS and all portraight/landscape photos will look as they should - and you can control all of it…
Thanks for this @ToreSBentsen ! Unfortunately once implemented, the whole width was very narrow, and the masonry stacking wasn’t working… I could have been doing it all wrong, but unfortunately short of time, so I went for @IVG’s solution.
Thank you friends for you input and help, so so much appreciated.