How to change list view style

Adrian
(@locka)

2 weeks, 2 days ago
Thanks for creating such a great plugin really appreciate the work that’s gone into it.

I’m a bit stuck with the list view styling. At the moment, it only displays as shown in the screenshot (link below), and I can’t seem to find any way to change its appearance. I’ve been through all the settings but haven’t had any luck.

I’ve been able to customise other parts of the calendar, including the popup box, but this particular view has me stumped. I’ve had a good look through the documentation and settings before posting, but can’t see what I’m missing.

Unfortunately, the site upgrade isn’t live yet, so I can’t provide a direct link just the screenshot below.

Any help would be much appreciated. Thanks again

https://drive.google.com/file/d/1s8QArRGYHta9jQ_IIOqC_3Z6I6NMYhSq/view?usp=sharing
- This topic was modified 2 weeks, 2 days ago by Adrian.
- This topic was modified 2 weeks, 2 days ago by Adrian.

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author Joe Dolson
(@joedolson)

2 weeks, 1 day ago

The list view doesn’t have a huge number of built-in style options; what are you trying to accomplish?

Thread Starter Adrian
(@locka)

2 weeks ago

Hi Joe,

Thanks for getting back to me.

We’re planning to use your plugin to display upcoming training sessions for our running club. The calendar view works really well on desktop, tablets, and even mobiles in landscape mode. However, in portrait mode on mobile it switches to a list view, and I’m trying to understand how to control or style that layout.

Since my first post format has changed to this. Which I’m not sur what setting I turned on for it to chage: –

https://drive.google.com/file/d/1hPLiKe0gdZV2cJ52vGsfiykMmlzDWS-I/view?usp=sharing

From reading through your documentation, I assumed this would be using the list template, particularly as I’ve set it to display a list rather than a compact calendar on mobile. However, that doesn’t seem to have affected the layout as expected.

Ideally, I’d like to make some adjustments — for example, moving the number of events to the right of the date, or possibly removing it altogether. For our use case, we typically only have one or two events per day, so that information isn’t especially useful.

I’m aware I could achieve this with custom CSS (as I’ve done with other parts of the calendar), but from your documentation it looks like some of these changes should be possible using PHP templates or Legacy Templates. Unfortunately, I’m struggling to understand how to implement or override these correctly.

Any guidance on the best approach would be much appreciated.

Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Tags