liwenyip / hugo-easy-gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Darthagnon opened this issue · comments

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.

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

commented

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!

Very Cool, I'll try your fork.

@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