So a fix would be to make the preview images much larger, like 1200px max size and to turn on responsive 90% W x H for the .colorbox thumb script. I believe you can also set a min width and height of the colorbox to reflect the current img crop setting (or less). By making the image fluid width it will compensate smaller size in the displays like laptops or tabs less than 1200px width or height.
A slight bonus, the source image will always be raw "high res" for other future needs such as crops in on 980ish width widgets.
Hope that makes sense!
EDIT: Ok apparently this is "too hard". Here is a workaround for it, paste it into the DevTools or Inspector console (F12) when viewing an extension to get full size popups:
Code: Select all
$('.additional a').each(function() {
$(this).attr('href', $(this).attr('href').replace('-resize-500x500', ''));
});
$('.colorbox').colorbox({
width: '90%',
height: '90%',
overlayClose: true,
opacity: 0.5
});