upcoming events list display

Hi @joedolson

thank you very much for the additional doc! However, I still did not succeed.

I tried with the mc_preset_template filter:

• I created a file named my_custom_filter.php and copied the php code below ‘Example in PHP’ into the file
• I think I understand the code and feel comfortable to further customize it, but I didn’t know exactly where to place this file in order to make it effective. So I tried various locations, but none of them worked:
  • …/wp-content/themes/twentytwentyfour
  • …/wp-content/plugins/my-calendar
  • …/wp-content/plugins/my-calendar/my-calendar-custom

Do I need to put it into another directory? Or do I need to ‘Enable PHP templating’ under Settings -> Display (I did not activate it so far, because I created a filter and not a template, correct?)

I also tried with site-wide custom CSS (this would be my preferred method, because I used it successfully with other plugins). I tried the following in order to modify the datebadge to get 0px corners, but none of them worked:

• .mc-group-1 {border-radius: 0px;} according to my understanding, there must be a dot followed by the class name (but as I said, I’m not a developer…), and this was the class name in your PHP code
• .mc-date-badge {border-radius: 0px;} I found out about class mc-date-badge when I inspected the HTML code of my page
• .mc-group-1 .mc-date-badge {border-radius: 0px;}

I also tried to add some extra spacing between events with the following CSS, again without success:
.mc-mc_upcoming_4 {padding-bottom: 50px}

In addition, I have no clue how to remove something with custom CSS (in my case the strong tag on the location) and add spacings beween the lines …

I did not use block-specific additional CSS, because according to my understanding there is no my-calendar specific block…

Could you please be so kind and help?

Thanks

• This reply was modified 3 months, 3 weeks ago by dillhausen.

Hi @joedolson

thanks for your continued support!

With regards to the custom CSS: your padding suggestion works, but the CSS for the radius on the badge did not work. But after some more experimenting, I figured out that

.mc-event-list.upcoming-events .list_preset_1 .mc-date-badge { border-radius: 0; }

now works!

However, in order to remove the link from the event title, I still need to add the php code for the new filter somewhere. I placed it at the end of TT4’s function.php, but it crashed my website. I also added it at the end of my-calendar.php in directory …/wp-content/plugins/my-calendar, but there it also crashes my site.

I copied the code 1:1 from the documentation you provided. The good news is, that the code is now being executed, but it must contain an error somehow, because it crashes my site.

Error message from wordpress (in a mail I received):   error of type E_PARSE: syntax error, unexpected identifier “mc”

Could you please have another look?

Thanks

• This reply was modified 3 months, 2 weeks ago by dillhausen.

@joedolson Thank you so much! The code now works fine and I have already adapted it to my liking.

There is only one thing left, and I noticed it only when the first events from October showed up: The date badge displays the month in English, although the site language is set to German, e.g. it displays “Oct” or “Dec” instead of “Okt” or “Dez”. On the full page My Calendar grid view, it displays the month name correctly in German, e.g. “Oktober”. Do you know how to correct that?

Thank you

@joedolson

I really appreciate your continued support! However, after the update, the badge is now completely messed up, see the lower right sidebar here. There must be something wrong with the implementation of the new call…

Thank you so much!!! Now you nailed it!

Thanks to your great support, I will now remove QEM from my production site and replace it with My Calendar….