How add lightbox functionality in masonry gallery

  • Hi!
    thank you for the great theme

    How I add lightbox functionality in masonry gallery on the homepage to bypass ‘grid-wrap view-full’, ‘content show’. Because the image in this window is a reduced image, making this useless.

    Homepage: https://www.lunybunny.com/

    Thanks!
    magebunny

Viewing 2 replies - 1 through 2 (of 2 total)

  • magebunny,

    It looks like you added some custom CSS to your theme allowing the max width of the images to be 1200px. The theme generates custom thumbnails which are smaller than that, which is why your images look pixelated.

    Your best bet is probably to edit the functions.php file on line 59 and change the ‘Gallery Full’ image size from 600 to 1200. Make sure to regenerate your thumbnails after, or the image sizes won’t change.

    Thread Starter magebunny

    (@magebunny)

    Thanks @robbieobbie

    I had already thought about this.

    The problem is that this will be the maximum width, resolution, for all images, including those posted on masonry mosaic in the main page. Imagine one frontpage with infinite scroll, with all your images at 1200px or more. Imagine the reading time for this page in a standard internet connection!?. The approach in using featured Images thumbnails used in posts in the main page seems correct, but when you click on any image in masonry mosaic is opened one page where the image is same Featured thumbnail image used in Posts, no matter your resolution. There is no way to open original full width image or another linked custom media or content. Ie. Clicking in images in masonry mosaic on the homepage, you open in a full width page, the same Thumbnail used in masonry mosaic, with a small field below with a short description, and to make matters worse with two scroll bars.
    And looking at the code seems impossible disable this page to add any lightbox in this theme to open anything linked in featureds as a full width image or any different media.

    Seems impossible to disable this full screen page showing front page’s thumbnail images. The only thing favorable for this, is that it’s fully responsive and works perfectly on mobiles.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How add lightbox functionality in masonry gallery’ is closed to new replies.