Event List Design

[Rob]

When I look at the event list
I see the NAME of the event overlaying the IMG, so if the image is dark, the text is not readable
How can I change this block design

(I want to remove the google maps column

I want to create something like this:

NAME of EVENT
img | date | location
| description

[George]

Hey Rob,

Thanks for reaching out.

We are unfortunately not able to help with design tweaks, which sounds like this may mostly be — however, it does sound like there’s a bit of a genuine display issue here too, which I am happy to take a look at! I will try to recommend custom CSS code so that the name of the event doesn’t overlay the image as you describe.

Can you please share a link to where these issues are visible on your site? I will take a look and try to recommend custom CSS.

Thanks!
George

[Rob]

What file contains the code for generating the list items ?
Then I will look and fix it myself

[George]

Hey Rob,

There are numerous files involved in generating the list items.

What I would recommend doing is each of the following things:

1. First, check out our Themer’s Guide which covers some of the basics of finding our plugin’s template files and how to modify them safely if you find it necessary to do so.

2. Then, open up your files for The Events Calendar and navigate to this directory → /src/views/list/

That directory contains four files that all play a role in generating list-view events. You should be able to tinker from there! 😀

Be sure to make backups of custom code you make, and to test out your customizations on a development site if possible before putting them on a live/production site.

Cheers!
George

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts