Forum Replies Created
-
Posts
-
No, that doesn’t work:
This solution causes the previous Month (April)’s 3rd event to have a clear: left; and its 3rd event is in the second column instead of the third.It looks to me like you need some jquery to add a ‘new-month’ class to that selector, then clear: left on the nth-of-type(2n+1) for each new month.
The way you have it now (without adding the code you mentioned above), it is counting all events in that loop. so if there are 3 events in the 1st month, there is a <span> class for the new month’s title (May) which clears both sides, so the first month automatically lines up to the left (float: left;), but that first month’s count is now 4, the second event in that month should be counted as 2, but instead it is counted as 5 which will fulfills the nth-of-type(2n+1) which clears left and forces it to the left. If you start the count according to new-month, nth-of-type would not be 2n+1 and would not get the clear: left; style.
As you can see, I just added a second event to August and both events are in the 1st column because the count is not resetting for each month. The first August month is a 6, the second is a 7 which clears left.
The code I’m referring to:
.events-list .tribe-events-loop .type-tribe_events:nth-of-type(2n+1), .tribe-events-list .tribe-events-loop .type-tribe_events:nth-of-type(2n+1)is setting clear: left;
Is in Peak theme’s plugin.css, not from the Event Calendar. This is part of Peak’s customization for the calendar. The Event Calendar does not support 2-column display. Here is a post from The Event Calendar’s support forum:
https://theeventscalendar.com/support/forums/topic/changing-events-display-layout-to-2-columns/
It’s not resolved yet. I just added an event to April. so now there are 3 events in April which seems to be causing problems with the layout of May. Instead of the 2 events being side-by-side, they are one below the other:
http://staging.mtwashingtonalliance.flywheelsites.com/events/Thank you for your help.
