Style the EVENTIMAGE in the Events Listings page

I figured this out and I’ll post here in hopes that it helps someone else.

It’s really quite simple:

1. Add the #_EVENTIMAGE{75,75} placeholder to your Events listings template. The 75 is the width and height of your thumbnail, you can adjust it to any size.

I placed the #_EVENTIMAGE{x,y} placeholder right next to the #_EVENTLINK.

2. Open the style.css file located in the root of your plugin folder. Add a class called events-table and use this CSS styling:

.events-table img {
float: left;
padding-right: 2em;
}

Change the float and padding to whichever side you want the image to appear. In my example, the image will appear to the left of the text and the padding will be on the right of the image.

You could also add a border or do anything else that CSS will allow.

That’s it.

thanks for updating us and sharing your solutions.