Multicolumns

Is there really no way to list events on a page in columns instead of a single row? I tried using the hlist option but does nothing :/

Tried using css column-count and came close, but far from perfect.

You can do it with custom CSS rules.

@felipeog476 please, could you give me an idea how? I tried with column-count and got close, but it doesnt look too good as it gets cut off where it shouldnt.

You could use Flexbox or Grid.

@felipeog476 thank you sir, I tried it but failed. Nothing happened when I tried to apply the code to the shortcode inside the div. I’m guessing one needs a lot more knowledge about coding to get it done. Will just have to hope for the plugin author to implement such feature in the future.

Thank you again!

Do you have the site on a server so we can look?

You could try something like this: https://codepen.io/felipeog/pen/GXpzKQ

@felipeog476 the example you show looks exactly like how I would want it! Unfortunately I lack the knowledge to understand how to apply the code to make it work on my site. At least I know it can be done, which gives me hope ??

I do have a site live on a server. Would rather not share the url here though :/

Kind regards
Danniee

No problem, @danniee!

Good luck.

Just for clarification I am using the shortcode to generate the output and not by coding manually using html and css. What I’ve tried so far is this:

<style>
.split {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 500px;
-moz-column-width: 500px;
column-width: 500px;
}
</style>
<h2>New games released in the <strong>past month</strong></h2>
<div class="split">[event-list initial_date=all show_filterbar=false date_filter=-4_weeks~today initial_order=date_desc link_to_event=false show_location=true]</div>

It works alright but gets cut off in the wrong places and doesn’t look optimal visually.

Just wish the plugin author would implement this option to list in columns instead of just one single row :/

• This reply was modified 6 years, 7 months ago by danniee.