jeranon
Chevereto Member
Thank you for such a great product! I do realize that I'm not entitled to customization support, but I'm hoping that what I'm looking for falls enough under product improvement that it is something that can be implemented in future releases... or if some stray coder takes mercy on me and has a solution, I will certainly not sneeze at that either!
I have Chevereto installed at https://3x4k.ca/
With this site, I'm not as interested in having a community of uploaders (yet), but rather I'm more concerned about curating a specific type of image - Background images for three 4k monitors side by side (native resolution of 11520 x 2160).
I have two Categories (currently) based on resolution. What I hope is the main draw (and hence my url) is the 3x4k resolution images: https://3x4k.ca/category/3x4k.
And as an added bonus, 2x4k images at https://3x4k.ca/category/2x4k. Because these images are all so very wide, they look a little ridiculous in the fixed image container. So I selected "Fluid" (as well as tweaking the medium width size to 1920, and making a maximum of two columns).
Viewing the 2x4k images from a desktop, they look amazing. The container fits the images perfectly and there is no grey-space anywhere around the image.
Where the issue arises, is when you look at the 3x4k images, there are grey bars at the top and bottom of the image - ideally, I would like the height of the container to be the height of the image being displayed.
This issue is especially exacerbated with a mobile device in portrait mode.
I can think of several ways to get to my goal, but I'm not sure how to implement them.
Option one:
Instead of the image scaling and creating grey rectangles around it, is it possible to "dynamically crop" the image to fully fill the space as it resizes? Is that even a thing?
Option two:
Force the grey-space to have a maximum height of whatever the image size being displayed is.
While I can picture what I'm hoping to achieve, my css skills are rusty at best, and I'm hoping someone with more experience can point me in the right direction on tweaking this.
Thank you for your time, and again, for a great product!
I have Chevereto installed at https://3x4k.ca/
With this site, I'm not as interested in having a community of uploaders (yet), but rather I'm more concerned about curating a specific type of image - Background images for three 4k monitors side by side (native resolution of 11520 x 2160).
I have two Categories (currently) based on resolution. What I hope is the main draw (and hence my url) is the 3x4k resolution images: https://3x4k.ca/category/3x4k.
And as an added bonus, 2x4k images at https://3x4k.ca/category/2x4k. Because these images are all so very wide, they look a little ridiculous in the fixed image container. So I selected "Fluid" (as well as tweaking the medium width size to 1920, and making a maximum of two columns).
Viewing the 2x4k images from a desktop, they look amazing. The container fits the images perfectly and there is no grey-space anywhere around the image.
Where the issue arises, is when you look at the 3x4k images, there are grey bars at the top and bottom of the image - ideally, I would like the height of the container to be the height of the image being displayed.
This issue is especially exacerbated with a mobile device in portrait mode.
I can think of several ways to get to my goal, but I'm not sure how to implement them.
Option one:
Instead of the image scaling and creating grey rectangles around it, is it possible to "dynamically crop" the image to fully fill the space as it resizes? Is that even a thing?
Option two:
Force the grey-space to have a maximum height of whatever the image size being displayed is.
While I can picture what I'm hoping to achieve, my css skills are rusty at best, and I'm hoping someone with more experience can point me in the right direction on tweaking this.
Thank you for your time, and again, for a great product!