This is more of an HTML CSS question. I have change the layout of the event list page which display all events per category. So for example, we offer three courses and for each there are multiple events. What I am trying to do is find out how I can enclose the events per category in a div so that I can add a border around them. You can see what I mean by going to http://dev.scrumsense.com/training/bookings/
Thanks so much guys, you have already provided so much help.
How have you set this page up? Is it using three EVENT_LIST shortcodes? Or some other way?
If it is just using shortcodes, then you could add a div wrapper via the TEXT tab in the page editor. Add a class or ID to that div and style it that way.
If I follow what you mean, than now, did’t realise I could do it that way i.e. add short codes via a word press page. That might be a better way to do it. I actually edited the event_list_display page. Let me give it a go create a page using the short codes for each element. I am assuming for every value displayed in the event that there is a short code?
“I am assuming for every value displayed in the event that there is a short code?”
No, the shortcode merely displays the template file content, so you might still need to tweak what the template shows, but I just don’t think you need to drastically alter it to display categories.
Check this documentation out for what parameters are available for the EVENT_LIST shortcode.
Man I feel like such a fool. That custom template is exactly what I was looking for. Thank you so much.
Viewing 4 reply threads
The support post ‘Event List layout problems’ 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.