gallery thumbnails placement

  • I am making a website for a friend and I am working with a gallery (using gallery shortcode with lightbox gallery plugin) for different pages.
    Some pages will only have 3 images, some maybe 12.
    The height of the gallery should be fixed (always 3 images), it should get wider (so more columns) when there are more images.
    So far so good, except that when the page won’t fit, i want to scroll horizontally, but I get less colums and more rows, which i don’t want.
    I could make the div a fixed width so it will always fit 4 columns, but that will mean a scrollbar wil always appear, even when not needed…

    example:
    https://www.avivamedia.nl/wordpress/test/

    I need some sort of nowrap thing i think, but i cannot get that to work…
    I hope for a css-based solution, cause I am not good in php

    Thanks for all help and tips!

Viewing 1 replies (of 1 total)
  • Thread Starter omniafausta

    (@omniafausta)

    hmmm been looking into it more myself, and looks like the white-space: nowrap will not work on this…

    Any other ideas?
    I was thinking that it must be possible with php or javascript (which i both cannot write…) to make some calculations based on :
    – the amount of rows of thumbs on the page
    – times the width of the thumbs (which unfortunately can also vary…) – taking in account the right-margin of the thumbs
    – plus the width of the text div

    and then setting that as the width of the content div…

    but I wouldn’t know where to begin writing something that does that… any advise?
    Or a better way to approach this?

    THANKS!

Viewing 1 replies (of 1 total)
  • The topic ‘gallery thumbnails placement’ is closed to new replies.