Hello
I’m trying to reproduce a Masonry gallery as in your example ( bambootheme.com/showcase/apr16/zentools/zentools2/masonry ), it’s just impossible…



I tried all the possible combinations with the same configuration of your example, but it always remains an empty space at the bottom of the gallery ( joomlatest.cloudaccess.host/index.php ).



Ok the pictures didn't have the same dimension, but were all in landscape mode. Honestly I tried everything, is there a trick to display all images perfectly without leaving empty spaces?

Also, I noticed that when I change settings in the “Masonry style” section of the module, nothing change, is it normal?

I found this similar post on the forum, but it didn’ t help me….

Thank you

Hi There,

ARe you using the latest version of the module?

Cheers
Paul

Are you using a custom css file in the zentools2 module?

and have you adjusted any widths for the image in the theme section?

Cheers
Paul

Hello Paul,
yes the latest version of Zentools is installed (2.3.3), and yes a custom.css file has been generated for the module that I want publish and by changing the widths of items there is no impact on front end…

I think you would need to either standardise image / combining with percentages width or accept the white space

Some masonry examples on the same page do have white space on them

The module isn't really intended to line up perfectly

With having widths it can only work with the image height without it distorting

e.g. #zentools-110.zt-masonry ul li.zt-item {
margin-bottom: 4px;
width: 24%;
}

Cheers
Paul

Can you also attach a screenshot of the css for the theme tab masonry section

Cheers
Paul

Hello Paul and thank you for your support,

…what do you mean by “standardise image”? Do you mean that images must have the same dimension? I looked at the dimension of the images in your examples and it doesn’t seem that they have the same dimension….

As I wrote above there is a problem with "Masonry style" parameters because by changing the values in the "Masonry style" section there is no change in frontend…

Here values for the "Masonry style" section:



Thank you again

Do you have a specific image resize value?

Cheers
Paul

Hello,
...a small video to illustrate the problem: quick.as/D2LoFjy7Y

I can change the values many times, there is no real change in front end...

Thank you

Looking at the video you aren't compiling the less custom css file option

Does it work in you compile it?

Ok Paul, it's my fault, I thought you had to compile the file custom.css only once ... I just realized that at every change you have to compile it again.

In any case it is difficult to find the right combination in order to have a perfect Masonry type display as in your example, but apparently, as you said, the module isn't really intended to line up perfectly.

In my example, each image has a different dimension. I think that by adopting images with more similar dimensions, you can obtain a satisfactory result...

Thank you Paul

no problem Masonry is a little goofy/different with the display

I know it was a real pain to develop and was removed and then added back later on