Okay
  Public Ticket #3788511
fancy lightbox
Open

Comments

  • ead started the conversation

    Hi,

    I'd like to increase the size of my image viewed in lightbox? 

    when I see my image out of light box it's way bigger than in lightbox :(

    (image width: 1500px)

    thanks

  •  297
    Paul replied

    Hello,

    I apologize for the slow response. For the issue, could you please send me the page URL? I will help you check it.

    Best regards,
    Paul

  • ead replied

    Happy new year, thanks for your reply. 

    For instance on this page (and others, though) you can see what I mean:

    http://www.adelheim.fr/WordPress/portfolio/arles/


  •  297
    Paul replied

    Thank you for your New Year wishes! I hope you're having a great start to 2025.

    For the issue, thank you for providing the URL. I can now see the issue, and you're right - it's unusual since the theme should normally display the full-size images in lightbox.

    To help investigate this further, could you please send me the login credentials for your WordPress site? This will allow me to debug the code directly.

    *Important: Please make sure to mark your reply as "Private" when sending the credentials.

  •   ead replied privately
  •  297
    Paul replied

    Thank you for the information. I've implemented a fix in the theme's JavaScript file to address the issue. The lightbox should now correctly display the full-size version of your images.

    Please let me know if you have any further questions.

  • ead replied

    Thank you, that's great!

    I collected a remark from a user.  When viewing in mobile, he doesn't understand the images he sees are clickable and leading to a collection. "Like your site, but why is there only 7 images ?!!"

    Except mentioning "click on the images" any suggestion?

    May be on my home/gallery page, having images not full width?! What do you think?

    Thanks 

    Best

    eric


  •  297
    Paul replied

    You can try using this custom CSS:

    @media only screen and (max-width: 600px) {
        .portfolio-thumbnail {
            position: relative;
        }
        
        .portfolio-thumbnail::before {
            background: #222;
            color: #fff;
            content: 'Tap here for more';
            padding: 0.3em 1em;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    

    The code will display a small text hint on every portfolio item's image when viewing on screens with a width smaller than 600px.

    I hope this helps!