Projects Grid – disable zooming of the picture and fix the size of the picture

[lech]

Hi

I would like to know how to disable zooming of the picture in projects grid and how to resize pictures to one size automatically

thankls

[lech]

By zooming I mean – no green plus sign, and no extra pop up window with enlarged picture

[Hans (Support Admin)]

Hello Lech,

There are 2 files you must edit to disable the popup and hover effect.

Comment out line 19 of the enqueue.php file located on /inc/ folder.

https://www.dropbox.com/s/9i4y3iisdo6ova1/integral%20disable%20pretty%20photo.PNG?dl=0

Remove the css classes from the project_grid_widget.php file located in /inc/widgets/ folder,

https://www.dropbox.com/s/1w74n2wd5ox9yfd/integral-grid-widget-hover.PNG?dl=0

[lech]

Thanks Hans, and how to enforce the same size of the pciture? is this possible?

[Hans (Support Admin)]

Hello Lech,

You can resize and crop images in the Media Manager of the Admin Dashboard.

This tutorial will help you https://www.wpbeginner.com/beginners-guide/how-to-crop-rotate-scale-and-flip-images-in-wordpress/

Or, you can enforce specific dimensions using some CSS code.

Which would you prefer?

[lech]

Hello Hans, css code please

thank you

[Hans (Support Admin)]

Hello Lech,

You can use,

.projects-grid .grid {
max-height:300px;
}

Or you can set a minimum height with,

.projects-grid .grid {
min-height:300px;
}

or specific a specific height with,

.projects-grid .grid {
height:300px;
}

Change the number to what you wish.