Enlarge photo on mouse hover

Hey! 

I've been trying to enlarge my photos (with links) a little when being hovered over with a mouse. I've tried some CSS codes I found here, but they don't seem to work. Is there anyone that can help me out with this problem? Would highly appreciate it! 

website: www.dahliah.com
pw: getmein

You can use this code to Website Tools (under Not Linked) > Custom CSS

a.sqs-block-image-link:hover img {
    transform: scale(1.3);
    transition: all 0.3s ease;
}
a.sqs-block-image-link img {
    transition: all 0.3s ease;
}

Thanks! That did work although I am curious if it's also possible to make the picture bigger on hover.
How it zooms in but the edges stay the same (if you get what i mean). Any solution for that? Thanks mate! 

On 1/14/2024 at 5:47 PM, dahliah said:

Thanks! That did work although I am curious if it's also possible to make the picture bigger on hover.
How it zooms in but the edges stay the same (if you get what i mean). Any solution for that? Thanks mate! 

I don't quite understand... if you know an example, I can imagine it easier

Thanks for the reply! This website describes what I mean, hope this helps! 
 https://www.w3schools.com/howto/howto_css_zoom_hover.asp
 

Ty sir! Works like a charm! Really appreciate the help you provided 🙂

I'm trying to do the same thing... enlarge the product images on hover. Those codes didn't work for me. Any thoughts? I'm new to CSS so may need baby steps 🙂

kangaroo-cheetah-r3b5.squarespace.com

39 minutes ago, AmyKant said:

I'm trying to do the same thing... enlarge the product images on hover. Those codes didn't work for me. Any thoughts? I'm new to CSS so may need baby steps 🙂

 

kangaroo-cheetah-r3b5.squarespace.com

You can use this to Custom CSS box

body.homepage {
    li.list-item:hover img {
        transform: scale(1.3);
        transition: all 0.3s ease;
    }
    li.list-item img {
        transition: all 0.3s ease;
    }
}

Thank you! That adds a zoom but I need them to enlarge, scale on hover. Any thoughts? Thank you!!!

Adding to this, the client wants each of the images on the product pages (i.e. cable railings, driveway gates etc) to enlarge/scale on hover. 

I was able to get a solve for this. Thank you to all who tried to help

I was able to get a solve for this. Thank you to all who tried to help