search

liwenyip / hugo-easy-gallery

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

Issue with ananke theme #22

Closed LyzardKing closed 4 years ago

LyzardKing commented 6 years ago

Hi! I'm building a website with the ananke theme.. I have an issue with the gallery (not the single images) It won't show unless there's something else before in the page...specifically another picture, or an iframe..

EDIT: Actually...it's an issue with the theme, it isn't picking up the width, but in responsive mode(on a phone) it works... Can I set a width?

LyzardKing commented 6 years ago

I can apparently change the number of photos per row only here:

@media only screen and (min-width : 365px) {
    /* Tablet view: 2 tiles */
    .gallery .box {
        width: 50%;
        padding-bottom: 50%;
    }
}

But that doesn't really work... Is it possible to do a "flexbox" like thing? And have the number of photos change with the screen size?

liwenyip commented 6 years ago

Should be possible - you'll need to set the number of photos per row for different screen sizes in the @media styles in the css file. If you need more help, please post a link to a test page and post your source code here. Thanks :-)

polbins commented 4 years ago

I found a fix in: https://github.com/budparr/gohugo-theme-ananke/issues/91