Adding code to images in css

[HB22]

On my website, I wanted the images on my home page to expand when a visitor's mouse hovered over an image, so they would know it is clickable. Here is the code I added in CSS

.wsite-image:hover{
transform: scale(1.04) !important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;

However now all the images on my website hover and I only wanted this to happen to home page images. How do I change the code to only affect home page images?

Here is my website: https://heidilbirch.weebly.com/

Thanks.

[Ellie_]

Hi there, @HB22,

Since our site editor is a “what-you-see-is-what-you-get” type of software and no custom-coding is necessary to create a website with us, we’re unable to assist with custom code of any kind. This means that we can guide you on where custom code can be used throughout our platform, but we’re unable to assist with the code itself.

With this in mind, using any code associated with your website must be done with the knowledge and understanding of how the code could affect your website and its function. All custom code you associate with your site is optional, and not necessary to make it work or appear online.

Should you need assistance with custom code associated with your site at any time, we recommend consulting a coding expert.

Also, welcome to the Seller Community! 🥳 We are so happy to have you here. While you are here, we recommend checking out our Orientation & Etiquette. Hope this helps! 😊