Lightbox Image Sizing

Hey artisforever,
I took a look at your menu, the middle link, and found the true size of it 1200px-1976px and wrote this css:

img.mfp-img {
    width: 1200px !important; 
    max-width: 1200px !important;  
    height: 1976px !important;
    max-height: 1976px !important;
}

to show it at full size, which works. But you will need to add a ID to the element and to the css so that it will be the only image that opens at that size. You can then take similar steps to load your other images at full size.
Unfortunately I was not able to login to your site. Please check.

I foresee an issue with this for mobile screens, I’m thinking this code should only be used for desktops.

Best regards,
Mike

Hi,
I tried to login to assist but the password is not working for me, please check.
Ok, so I thought it though a little more and think we should add a class to the image on click so we can target the one image with the css. This works in my tests.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function add_menu_img_class(){
  ?>
  <script>
(function($){
$(document).click(function() {
  $("img[src*=LargeMenuSept19_OL-web-ready-update]").addClass("LargeMenu");
  });
})(jQuery);
</script>
  <?php
  }
add_action('wp_footer', 'add_menu_img_class');

then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

img.mfp-img.LargeMenu {
    width: 1200px !important; 
    max-width: 1200px !important;  
    height: 1976px !important;
    max-height: 1976px !important;
}

This will add a class to only the one image so the css can target just the one image. If you change the image you will need to change the script. You can also use this to model for your other menu, you will need to change the function, script, and css to the other image.

Best regards,
Mike

Hi,
Sorry the login didn’t work for me. Please see the login I tried in the Private Content area.
It would be best to also have ftp access when editing the functions.php, because if the site goes down you can still correct the functions.php file via FTP.
If you can include admin login & ftp access in the Private Content area I could be of more assistance.

Best regards,
Mike

Hi,
Thanks for the new login, I was able to login to your site, but I couldn’t FTP in, it said I was logged in but it would not give me a directory list and then it would time out. After a few tries I got the error that I had too many connects, so I’ll try again later.
I took a look at your lightbox plugins but I didn’t see that any of them said that they would show a larger than screen image, or actual size.
I tested the script & css that I had posted above in a code block on your page to make the two menus actual size and it works when you open the images in lightbox, but not if you try to navigate to the next image, so I hid the lightbox arrows for those two images.
Please give it a try, and if you don’t like it just delete the code block that is under the first color section.
Perhaps there is a plugin that will do this, but I didn’t find one.

Best regards,
Mike