Help with image sizing on home page gallery slideshow

Hello!  

I'm trying to create a home page for my portfolio site but I can't seem to get the gallery large enough for my liking.  I just want a simple slide show on my home page with a few select images.  When I create the gallery however, no matter what options I choose, the images just aren't large enough.  What am I missing?  Do I need to somehow customize with code?  I'd like the images to be bigger, not filling the screen, but larger than they are now.  All of my images were resized to 2500px on the long end before adding to my assets folder in Squarespace.

Any and all help would be greatly appreciated!  Thank you so much!

Do you have link to homepage?

16 hours ago, tuanphan said:

Do you have link to homepage?

Sorry about that, here's the link to homepage: https://www.jimkleronomos.com/

Thanks!

On 11/23/2024 at 10:09 AM, jimkleronomos said:

Sorry about that, here's the link to homepage: https://www.jimkleronomos.com/

Thanks!

You can change Gallery to Full Slideshow or use this to Website Tools > Custom CSS

body.homepage .gallery-slideshow-item img {
    object-fit: cover !important;
}

15 hours ago, tuanphan said:

You can change Gallery to Full Slideshow or use this to Website Tools > Custom CSS

body.homepage .gallery-slideshow-item img {
    object-fit: cover !important;
}

 

that's the thing, I don't want it to be full, just bigger than it is.  I'll give this CSS a try once I figure out how to do it.  I appreciate the responses!

23 hours ago, jimkleronomos said:

that's the thing, I don't want it to be full, just bigger than it is.  I'll give this CSS a try once I figure out how to do it.  I appreciate the responses!

You can try transform scale

body.homepage .gallery-slideshow-item img {
    transform: scale(1.3);
}

22 hours ago, tuanphan said:

You can try transform scale

body.homepage .gallery-slideshow-item img {
    transform: scale(1.3);
}

 

Thanks again.  Just tried this and all it's doing is zooming in on my image with maybe a slightly larger image size but the zoom in is kind of killing my images.  Is there just a way to make the whole thing larger while keeping my crops intact?

Try this new code

body.homepage .gallery-slideshow-item img {
   height: 170% !important;
    top: 50%;
    transform: translateY(-50%) scale(0.7);
    object-fit: cover !important;
}

On 11/27/2024 at 8:33 PM, tuanphan said:

Try this new code

body.homepage .gallery-slideshow-item img {
   height: 170% !important;
    top: 50%;
    transform: translateY(-50%) scale(0.7);
    object-fit: cover !important;
}

 

Thanks for all of your help, this is not working either 😞.  It's just zooming everything in and making my vertical crops look strange.