- This topic has 6 replies, 2 voices, and was last updated 3 years ago by .
Projects Grid – disable zooming of the picture and fix the size of the picture
You must be logged in to reply to this topic.
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
By zooming I mean – no green plus sign, and no extra pop up window with enlarged picture
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
Thanks Hans, and how to enforce the same size of the pciture? is this possible?
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?
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.
You must be logged in to reply to this topic.