Support

Home Forums Event Espresso Premium Customize Event grid and Event list shortcode templates

Customize Event grid and Event list shortcode templates

Posted: July 10, 2018 at 1:26 pm


3thought

July 10, 2018 at 1:26 pm

Hi,

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.

Thanks for the help.


Josh

  • Support Staff

July 10, 2018 at 1:57 pm

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/

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.

Event Espresso