We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Why a masonry layout for front pages, e.g. Mercury, but not for the galleries ?

April 17, 2023 at 12:02 pm #9830

[anonymous]

Dear Publii developers,

from a design perspective, wouldn’t it be more consistent, when front page and gallery have the same layout, namely masonry ?

Thinking of the Art (!) Gallery template, I would be disappointed, if my landscape images were cut into portrait to fit the photoswipe approach.

Cheers, Michael

April 18, 2023 at 10:11 am #9831

[anonymous]

Hi Michael,

A fellow Publii user, Yaroslav, wrote a tutorial on implementing masonry gallery using Photoswipe that Publii also uses.
You might want to check it out: https://cv.domagic.site/posts/masonry-gallery-for-publii

And if I’m not wrong here it where he implemented it here: https://koolkat.photography/

Hope this helps.

Shaun

April 18, 2023 at 10:03 pm #9841

[anonymous]

Hi, Shaun,

thanks a lot for your answer. Have you ever tried his solution? If I copy his CSS to main.css in the Mercury theme, there are no changes to the gallery…

Cheers, Michael

April 19, 2023 at 3:35 am #9842

[anonymous]

I have not tried his solution.

Perhaps you could inspect the style.css file on his website https://koolkat.photography/ to see if there’s anything else pertaining to gallery or gallery__item

Good luck.

April 22, 2023 at 7:51 am #9850

[anonymous]

Hey much.fun: I followed shaun2k’s guidance, and was able to get the masonry working on my Mercury site.

Here is my gist with code snippets and explanations: https://gist.github.com/candidexmedia/374a7ae87cc4d2fbc622ca3a50773106

April 24, 2023 at 6:17 pm #9875

[anonymous]

Thanks a lot to the both of you, I got the masonry design working 🙂