This page describes now to use the [ bcaccs_event_listing ] shortcode.
To insert the smaller “promo” widget, use (without the extra spaces):
[ bcaccs_event_listing type=promo count=3 ]
The count parameter is optional, and defaults to 3.
To insert a full listing, use:
[ bcaccs_event_listing type=full ]
Each version will produce raw HTML with elements and classes arranged in such a way that you can style them appropriately. If you need any of the HTML rearranged, please reach out to me.
Some brief examples of styling:
.bcaccs-events-promo > a {
display: grid;
grid-template-columns: [date] [details];
gap: 1rem;
text-decoration: none;
}
.bcaccs-event-promo > a + a {
border-top: 1px solid #c0c0c0;
}
.baccs-event-listing .event-description {
max-height: 4rem;
overflow: hidden;
}
...etc...
Remember to style the “sold-out” span which will appear if the event is sold out.
Here is the “promo” embed:
No events found.
And here is the full embed:
No events found.