Magnify image when roll over with your mouse on Impulse Theme

Store Design
1

Hello,

I am wondering if anybody can help me with my store. Can anybody help me with the code that can make my idea happen. I am trying to magnify when my mouse goes over the image directly under my slideshow on the home page that is the image of a vitamin bottle. My store is naturalvitaminsusa.com and my password is gawtea. Any help is appreciated thanks so much!

Below I attached an image of the area I want the magnifying roll over option to be

1 Like
2

@benjamids

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.feature-row__image:hover {
    transform: scale(1.1);
}
.feature-row__image {
    transition: all 0.9s;
}
3

Is there anyway to only do it for the first picture rather than all of them?