Image hover-zoom has stopped working

[chrisssy]

When we first installed this theme the images would zoom in as you hovered but it seems to have stopped doing that on some of the images. How do we get it to configure an image to do that?

[chrisssy]

This reply has been marked as private.

[Piotr (Tech Support)]

Hello there,

Could you share (temporary) administrator credentials to your site?

Please don’t forget to mark your reply as private.

Thanks,
Piotrek

[chrisssy]

This reply has been marked as private.

[Piotr (Tech Support)]

Hello there,

Your issue will be resolved in the next theme update. We will try to update it by Thursday.

Cheers,
Piotrek

[chrisssy]

Thanks

[Piotr (Tech Support)]

Hello there,

We have just updated Integral Pro theme, your issue is resolved in that version. You can update your theme by following our documentation.

Please contact me if there are any problems.

Thanks,
Piotrek

[chrisssy]

Where do I download the new version from?

[Hans (Support Admin)]

Hello,

To update your theme; log into your website’s Admin Dashboard and go to APPEARANCE > Themes. Then click the “New version available – Update Now” link for Integral Pro.

[chrisssy]

Thanks – this fixed most of the problems.

However, some images no longer zoom when hovering – I’ll post a private link in a moment

[chrisssy]

This reply has been marked as private.

[Hans (Support Admin)]

Hello @chrisssy

The images in the products section are actually from the Services section in the theme.

If they zoomed on hover before that is because you must of added that feature yourself.

Keep in mind that every time you update the theme it will wipe out any code changes you have made to the files. Which is why it is good to use a child theme.

The images in the Projects Grid do zoom on hover.

[chrisssy]

How do I make the ‘services’ images zoom? I’m already using a child theme but is there any documentation for adding hover?

[Hans (Support Admin)]

Hello @chrisssy

It can be done but requires editing the code for the Services widget and also the style.css file.

If you are proficient with PHP and CSS you can compare the project_grid_widget.php and service_widget.php file located in the /inc/widgets/ folder.

Between lines 48-56 you will see references to;

hovereffect