Phoca Forum

Hello!

I'm trying to sort the images in my album so that they show up next to each other instead of all of them being in a single column. The only solution I found so far is using the Masonry effect, however that allows the thumbnails to have different heights, while I want them all to have the same height. The closest I got to the solution was by only allowing small additional thumbnails, however in this case, those that would appear in bigger form cannot be displayed. I can only display all images if I allow middle sized thumbnails too, but that looks too chaotic.

I took some screenshots so that you can see what exactly I'm talking about. Here's what I want to achieve, same image sizes, but thumbnails that would otherwise show in bigger size cannot be displayed: http://i.imgur.com/YkUEABJ.png
And here's what it looks like if I enable medium size thumbnails, not good: http://i.imgur.com/5tftA6L.png

Is there any way to display images with small thumbnails next to each other with the same height?

Hi, I think, the best way is to do per CSS, to somehow skip the boxes of the images: padding, margin => 0 (or minus margin: -5px -10px), border =>0 , border-shadow: none, etc.)

See example:
This site (Phoca Photo)
https://www.phoca.cz/joomla3de
mo/phoca-photo/category/6-cities

is displayed this way



.caption {display: none}
.thumbnail {margin: 0 -15px; padding: 0;}

etc.

Jan

Ah, that worked perfectly, thank you so much!

Ok