Image Show GK4 image cropping?

So, I installed via the quickstart, and noticed that for the imageshow that's on the homepage, I can't get an image to go in as a background, and have it not be somehow cropped depending on the screen size. I know that in past versions (I'm pretty sure) you had the ability to upload three different size images (desktop/tablet/mobile) but now we've moved to a dynamic resizing thing. That's cool, but I'm struggling to find an image size or module configuration where it doesn't crop the image. By default, I can see that the image width/height is 640x320 but even that crops at full screen.

I guess my question is, how do I get an image to properly fill in this module without cropping?

capture.jpg

Thanks,

Joe

Hi

Please add this to override.css and make sure override is enabled in template settings:

Code: Select all

.gkIsWrapper-gk_storefront .gkIsSlide {
    background-position: center center;
    background-size: 100% auto;
}


You will notice why cropping is the best option, but I agree You may use background-position: center center; in both cases.