search

liwenyip / hugo-easy-gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.
MIT License
577 stars 111 forks source link

For anyone struggling to make a grid, here's my active fork #82

Open Darthagnon opened 1 year ago

Darthagnon commented 1 year ago

Li-Wen Yip's example has a nice square grid for Easy Gallery photos. However, if you try and use Hugo Easy Gallery, you'll find it does not render a square grid, but an ugly rectangular grid with loads of whitespace. This is because it has an undocumented dependency on Bootstrap CSS v3.7.7, as used by Beautiful Hugo, the theme Li-Wen Yip used on his website.

I wasted 7+ hours of my life fixing this stupid thing, and have implemented it in my active fork. I'm mainly merging in pull requests, as well as some small fixes and this one big fix; pull requests welcome and appreciated.

Darthagnon commented 1 year ago

Screenshots:

How it looks, as-is, from this repo:

chrome_oIXMoHMnxW

How it looks with Bootstrap integrated (and also on Li-Wen's website)

chrome_vWqrRJJCO1

iroQuai commented 1 year ago

Said it on Reddit aswel, but: thanks!! I use this with Hyde theme and I have the same issues as you describe. Will check out your fork soon!

no-budy commented 1 year ago

Very Cool, I'll try your fork.

jsacerot commented 1 year ago

@Darthagnon I tried your active fork (production) on the hugo-fresh theme following the instructions for manual installation and theme integration, but I am still facing the same issue (See screenshot below). Any advice on how to fix it?

Thank you!

image