|
NSAOregon
|
February 20, 2024 at 1:37 pm
Hi,
We recently moved the the grid display and really like it. But, the featured image is showing as a thumbnail and the resolution is pretty low. Can you tell me how to make those images bigger and with better resolution? https://nsaoregon.org/nsa-events/
|
|
Tony
|
February 20, 2024 at 2:42 pm
Hi there,
The Grid view template pulls in the ‘thumbnail’ size image for your events, by default this is usually 150px by 150px (yours appear to be 120×120).
One way to fix this is to pull in the correct size image for your grid view, you’ll need to modify the grid template to do that.
Grab a copy of /wp-content/plugins/eea-events-grid-view-template/templates/espresso-grid-template.template.php
Place that copy within your themes root directory, preferably a child theme.
Now within that new file look at line 28, you should have:
$feature_image_url = $post->EE_Event->feature_image_url();
Change that to:
$feature_image_url = $post->EE_Event->feature_image_url( array( 350, 350) );
Or whatever size you prefer to use from your site, just don’t go to big 🙂
|
|
NSAOregon
|
February 20, 2024 at 3:10 pm
Thank you! That helped with the resolution, but the images are still kinda small.
|
|
Tony
|
February 20, 2024 at 3:41 pm
Oh, so you just need to increase the width and max width set, for example:
.ee_grid_box_v2 {
max-width: 450px;
}
.ee_grid_box_v2 img {
width: 450px;
height: 450px;
}
Add that to Appearance -> Customize -> Additional CSS.
|
|
NSAOregon
|
February 20, 2024 at 3:47 pm
That’s it! Thank you so much!!
|
|
Tony
|
February 20, 2024 at 4:04 pm
You’re most welcome.
Any further issues/questions just let us know.
|
