Listview in two columns

[Nick]

On the front page of my website http://www.ieee-ukandireland.org there is a list of upcoming events. To the right is a list of news items. As there is now a large number of events to be displayed I want to move the news items and instead have two columns of events but I am not sure how to do this.

Can you advise please?

thanks

Nick

[George]

Hey Nick!

Thanks for reaching out.

You unfortunately would only be able to pull off what you describe here by writing some extensive custom code.

We cannot help with custom code, so your best course of action would be to write code yourself or hire a professional to help you do so. We have a list of great developers here, if you need to do this → http://m.tri.be/18k1 (and have no affiliation with any of these folks–they’re simple some well-respected names in the community that we’ve compiled to share in situations like this one).

In the meantime, though, I took a look at your site and can recommend some CSS that will at least get you started with the two-column event layout you describe.

To try it out, try adding this CSS to the bottom of your theme’s style.css file:


#NewsandEvents .fusion-fullwidth .fusion-one-half:nth-child(1) {
width: 100%;
}

#NewsandEvents .fusion-fullwidth .fusion-one-half:nth-child(2) {
display: none !important;
}

#NewsandEvents .tribe-events-adv-list-widget .type-tribe_events {
float: left;
margin-right: 2%;
width: 48%;
}


This isn’t perfect—further refinement will almost certainly be needed. But I hope this helps!

Sincerely,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts