Remove zoom on hover —- and using a child theme

Hi there! You asked me to write a post on the forum, so here I am:)

I had two questions. The first one is: How do I remove the zoom effect when I hover an image in the shop and it shows the second image in gallery? At the following page for example: https://gyazo.com/0d4c4a2f0d95acb5d412f977720272e9

The other is: It’s my first time starting a woocommerce site and I am getting things ready to let a developer do some work on for API/XML supplier feeds. Should I be using a child theme? I just saw that yesterday and it looks like I should do that. But now I did make some changes to HTML blocks and stuff. Can I still start with the child theme now ? (I saw a video with a good plugin for that I am going to use, but I don’t have to reset the theme first right?)

I’m very curious!

Hello,

Thank you so much for contacting our support center.

Try to add the following code snippet to the Custom CSS area in Theme Settings

div.product-grid-item .product-element-top:hover .hover-img {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

If you are customizing the parent theme’s files then you will lose all your changes after the update. So that is why you need to use a child theme.

Regards

Cool thanks! I am going to add that when I get home from work.

And about the child theme. So now I did already customize some things. Can I still copy it into a child theme? Or should I upload the child theme which is in the download that I get off of Themeforest?

You need to download the child theme from ThemeForest and then apply your code customization.

I did it now, I went for a full reset which is fine. But last question that arises, I have filled in my license key, which does auto updates. Is that a problem? The child theme should not get updated right, only the parent? Or is that also what is going to happen?

Only the parent theme will be updated. You don’t need to update the child theme and it will not be updated automatically.

[Author]

Posts