Support

June 26, 2019 at 4:44 pm

Hi,

These changes will require some modifications to the template and some additional CSS.

For the PHP/template changes you’ll:

1) Copy the add-on’s
espresso-grid-template.template.php file to your active WordPress theme
2) Change line 26 from:
$feature_image_url = $post->EE_Event->feature_image_url();
to:
$feature_image_url = $post->EE_Event->feature_image_url(array(650,300));
3) Optionally move the image html so it’s after the title html

Then for the CSS changes, you’ll add the following to the Additional CSS page (located in Appearance > Customize > Additional CSS)

.ee_overlay {
    position: relative;
    top: 0;
}
.ee_grid_box_v2 {
     max-width: 650px;
}
.ee_grid_box_v2 img {
    width: 650px;
    height: 300px;
}

June 27, 2019 at 6:17 am

if you change screen size, the image will be squeezed, because the height of the image won’t change.

You can change the custom CSS from:

.ee_grid_box_v2 img {
    width: 650px;
    height: 300px;
}

to

.ee_grid_box_v2 img {
    width: 650px;
    height: auto;
}

I’d like to make different grd views for some featured events on my ‘home’ page and have a “normal” view on my ‘overview’ page.

What you can do is add a “featured” category for some of your events, then on the home page add the category parameter like this:

[ESPRESSO_GRID_TEMPLATE category_slug=featured]