Support

Home Forums Community Forum Split Shortcode that shows attendees intro columns

Split Shortcode that shows attendees intro columns

Posted: February 25, 2018 at 9:41 am


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

  • Support Staff

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

  • Support Staff

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.

The support post ‘Split Shortcode that shows attendees intro columns’ 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.

Community-based support forum for Event Espresso.
If you would like official support from the Event Espresso staff, then please purchase a support license today to post in our premium support forums.

Status: closed

Updated by  Tony 3 months, 2 weeks ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!