Docs

[Itwebdevelopment]

Hi I’d like to make these images a little larger when hovered over:

https://gyazo.com/b1f0449cac6a5b4d70050abf086ce892

Here’s the link:

https://www.dzdrones.com/product/carbon-fiber-dz-drone-with-goggles-and-remote/

Hope you can help.

Thanks!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.woocommerce div.product .images .thumbnails>a:hover {
    transform: scale(1.2);
}
.woocommerce div.product .images .thumbnails>a {
    transform: scale(1.2);
    transition: all 0.3s linear;
}

Hope that helps.

[Itwebdevelopment]

I tried this but it didn’t seem to work. Could you please take a look

[Thai]

Please try with this CSS instead:

.woocommerce div.product .images .thumbnails>a:hover {
    transform: scale(1.2);
}
.woocommerce div.product .images .thumbnails>a {
    transform: scale(1);
    transition: all 0.3s linear;
}

Hope it helps 🙂

[Author]

Posts