We are trying make some customizations to the event grid and the event list, but cannot figure out how to make the customizations.
For the event grid we would like to:
need larger image thumbnail 387 x 218 (16:9)
Title and Date visible below image at all times with the title linking to the post
For the list template I need to add a custom image size of 1170 x 658 (16:9), I know how to create a custom image type, but don’t know how to include it in the short code.
For the grid you’ll copy the
espresso-grid-template.template.php file from the Grid plugin’s /templates/ directory to your active WordPress theme, then make any needed template edits there. Additionally you’ll likely need to add some CSS to a custom stylesheet or similar.
For example, to move the title and date below the image, you’ll add the following CSS:
.ee_overlay {
position: relative;
}
For the list template, you’ll copy over the content-espresso_events-thumbnail.php from the EE4 plugin’s public/Espresso_Arabica_2014 directory into your active WordPress theme (a child theme is recommended). Then you’ll make your edits to pass in your custom image size (as an array if need be) to the wp_get_attachment_image_src() function there. More info in the WordPress developer documentation: https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/
Viewing 1 reply thread
The support post ‘Customize Event grid and Event list shortcode templates’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
Support forum for Event Espresso 3 and Event Espresso 4.