Photo View with Month Headers

[Andrew Preece]

Hi,

I love the ‘Photo View’ option and want to use it as the default view, but like the separation created by the month headers provided in the list view. I’d like to add this functionality to the photo view, and have attempted to do so by customising the /photo/loop.php file by adding the tribes_events_list_the_date function above the events within the loop (as it is employed in the list view loop.php

Unfortunately this breaks the styling, placing events above each other in a thin column, rather than in a by 3 grid, side-by-side.

Any help with this would be greatly appreciated.

Best,
Damien

[Geoff]

Hi there, Damien! Thanks for getting in touch and welcome to the forum. We hope you’re enjoying the plugin so far. 🙂

It’s definitely tricky to maintain that three-column padding when adding the month header to the Photo view. You figured out how to get header in there, so you’re already on right path–great work!

The rest is probably going to take a lot of work in CSS. Although I’m unable to do the customization for you, the two main classes you will want to play with are .tribe-events-list-separator-month for the month separator and #tribe-events-photo-events .vevent.tribe-events-photo-event for the event entries.

The toughest part is that there are inline styles being injected dynamically, so you may need to override those by declaring !important in certain instances. A lot of this will depend on your specific theme and layout.

Does this help answer your question? Please let me know. 🙂

Cheers!
Geoff

[Geoff]

Hi there, Damien! It’s been a while so I’m going to go ahead and close this thread. Please feel free to hit us up with a new thread if any other questions pop up. We’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts