|
SanMateoCPRClasses
|
February 20, 2020 at 2:56 pm
When I use [ESPRESSO_TICKET_SELECTOR event_id=your_event_id] each event listed shows the date, time, partial description of the event and a View Details button. I’d like to eliminate the description and show just the class name, date and time and then style in a row with CSS (trying to come close to the EE3 display here: https://sanmateocprcertificationclasses.com/aha-bls/). The description is just a <p> so I can’t do a display none in CSS. Is there another place I can “turn off” the description in these events lists?
|
|
Tony
|
February 21, 2020 at 4:42 am
Hi there,
[ESPRESSO_TICKET_SELECTOR event_id=your_event_id]
Does not output an event list, it outputs a single ticket selector for the event ID you passed to it, I’m assuming you mean [ESPRESSO_EVENTS]?
You can control the details shown in all event lists in:
Event Espresso -> Events -> Templates -> Event List Pages
Can you link me to the event list you are referring to so I can take a look?
|
|
SanMateoCPRClasses
|
February 21, 2020 at 12:32 pm
Yes, you’re right, I’m using [ESPRESSO_EVENTS category_slug=BLS] where BLS is the category type. Here’s what it looks like with no styling:
https://wordpress-118619-989042.cloudwaysapps.com/aha-bls-test-layout-page/
And this is what I’m trying to come close to using CSS to style:
https://sanmateocprcertificationclasses.com/aha-bls/
|
|
Josh
|
February 21, 2020 at 12:38 pm
Hi,
You’ll find some settings to turn off the display of the Description (and arrange items) in Event Espresso > Events > Templates, under the “Event List Pages” heading.
|
|
SanMateoCPRClasses
|
February 21, 2020 at 3:24 pm
OK, turned off the description, thanks. Now I’d like to style the presentation on each of the classes, looking for the right selectors to do that. For example, I see the class name selector is a.ee-event-header.lnk but question: is that same selector used elsewhere in the application, or only on the category event lists?
|
|
Tony
|
February 24, 2020 at 4:22 am
a.ee-event-header.lnk will be used in multiple locations throughout Event Espresso,
If you look at the parent element, the article element hold all of the element for each event and that has contextual classess applies, for example the class bls which I assume if your category based on espresso_event_categories-bls
So if you want to apply those styles only to those events you could use:
.espresso_event_categories-bls .ee-event-header
If you wanted those styles only on that specific page, you can use:
.page-id-11949 .espresso_event_categories-bls .ee-event-header
|
|
SanMateoCPRClasses
|
February 27, 2020 at 11:29 pm
Thanks, Tony, that helped. Is it possible to add additional details to the event time/date details that display on category pages? Details such as event price and the number of seats remaining.
|
|
Tony
|
February 28, 2020 at 4:21 am
Specifically for category lists?
It is possible, but you’re going to need to customize templates or create your own shortcode to do it, both of which will require some PHP, HTML, WordPress and EE knowledge as it is not something we can provide under support.
If you are not comfortable with the above you could try contacting the folks at codeable who may be able to build this for you.
Or we have some developers listed here:
https://eventespresso.com/developers/event-espresso-pros/
|
|
SanMateoCPRClasses
|
March 2, 2020 at 12:01 am
I’m OK with the PHP, HTML etc. but client doesn’t want custom programming.
How about on the single event pages? Is it possible to show the number of seats remaining in a class there (without doing custom programming)?
|
|
Tony
|
March 2, 2020 at 5:40 am
How about on the single event pages? Is it possible to show the number of seats remaining in a class there (without doing custom programming)?
If it is not shown by Event Espresso, then you’ll need your own custom code to pull/display those details.
For example:
https://gist.github.com/Pebblo/3d019689d6c51a302eb95bbd3174b91e
|
