|
Allen
|
February 25, 2018 at 9:41 am
Hi, I have been using the shortcode [ESPRESSO_EVENT_ATTENDEES event_id=2583]to display all of the registered entrants for an event. You can see result here:http://superbilliardsexpo.com/registered-womens/
As you’ll see, all of the names are in one long column. Is there a way to force the data to display in 2 or 3 columns instead?
Thanks!
|
|
Tony
|
February 26, 2018 at 3:46 am
Hi there,
You can do this using some CSS3 columns:
.event-attendees {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
That will split it into 2 columns but you can use more if preferred, however if you move/remove the mail-in registrations column you can use more, other wise the text will start to be really squashed together.
|
|
Allen
|
February 26, 2018 at 8:57 am
Perfect, thanks! I agree about the Mail-In, I am just moving that above the columns now that I know how to make them. Like this: http://superbilliardsexpo.com/registered-womens/
Thanks so much!
|
|
Allen
|
February 26, 2018 at 9:08 am
Ok – one small problem … on this page:
http://superbilliardsexpo.com/registered-super/
In the 3rd column, when the list hits #99, instead of going to #100, it resets to #00 …. well, actually, I think the #1 / 1st digit is getting cut-off … any idea why or how to fix?
Thanks!
|
|
Allen
|
March 3, 2018 at 12:50 pm
Hello again – have been unable to figure this out – any idea?
On this page (or any of the lists):
http://superbilliardsexpo.com/registered-super/
In the 3rd column, when the list hits #99, instead of going to #100, it resets to #00 …. well, actually, I think the #1 / 1st digit is getting cut-off … any idea why or how to fix?
Thanks!
|
|
Tony
|
March 5, 2018 at 1:48 am
Hi Allen,
Its from your theme setting the padding and margins of li items to 0
You can add some padding to the LI’s within the event attendee list using:
.event-attendees li {
margin-left: 1rem;
}
That should show the full number for you.
|
