Support

Home Forums Event Espresso Premium Display 2 or 3 Columns for List Attendees Shortcode?

Display 2 or 3 Columns for List Attendees Shortcode?

Posted: April 18, 2014 at 11:50 am


Jerrad Gleim

April 18, 2014 at 11:50 am

Is there a way I can have [LISTATTENDEES] display in 2 columns? The reason I ask is I am trying to show a list of all the attendees for one event using the event_identifier and when it’s all said and done, the list will be very long. The event maxes out at 900 people and we just started registration and we have about 150 folks signed up. It would be great to have the long list split up into 2 or 3 columns to shorten the length of the page.

Here’s the current page I’m talking about: http://evscicats.com/erevolution/look-whos-going-to-erev14/.

Thanks!


Lorenzo Orlando Caum

  • Support Staff

April 18, 2014 at 8:15 pm

Hi Jerrad,

Try the following CSS in a plugin like My Custom CSS:

.attendee_list {
	  -moz-column-count: 2;
	  -moz-column-gap: 50px;
	  -moz-column-rule: none;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 50px;
	  -webkit-column-rule: none;
	column-count: 2;
	column-gap: 50px;
	column-rule: none;
	}

div.span2{padding-top:1px;width: 100px !important}
div.span10{padding-top:1px;width: 300px !important}

Adapted from this tutorial: http://digwp.com/2010/03/wordpress-post-content-multiple-columns/#css3

Best


Lorenzo


Jerrad Gleim

April 21, 2014 at 9:04 am

Thanks Lorenzo for the tip and the new resource. The page is looking awesome thanks to you!

Have a great day!

Jerrad

The support post ‘Display 2 or 3 Columns for List Attendees Shortcode?’ 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.

Event Espresso