Mini Calendar color depending on event category

[Erik]

Hello,

I’m trying to customize my Mini Calendar Pro widget to show a different background color (or dot) depending on the event category of the event. I would have done this with CSS already, but the Mini Calendar Widget doesn’t give me any indication which category the event has, only that there is an event. I want to color code the mini calendar depending on this.

Uploading two examples, one basic and one the way I want it (with colors depending on event category).

I have looked at a few threads, but those have quite the right fix for this problem, even though the titles led me to believe so.

Can events displayed on the widget calendar be color coded for their categories?

Can I change the colour of the blocks on mini calendar view

Hope there is some ideas to what we might come up with to get this function. 🙂

[Hunter]

Hey Erik,

Thank you for posting and welcome to our support forums! Forgive me if you’ve tried it already, but The Events Calendar Category Colors plugin does just what you’ve described. Can you confirm whether you’ve tried it or not? If not, I encourage you to install it and see if it works for what you need.

Thanks again and have a great afternoon. Cheers!

[Erik]

Hi!

Thanks for the reply, appreciate it. Yes, I have the Category Colors-plugin, but it doesn’t seem to do what I need it to do – even though I read about that being suggested in another thread. It works well in the main event calendar, but not the mini widget.

Category colors doesn’t add any colored identifier to the actual dates in the mini-calendar, only to the small event text that appears under it – atleast for me. I dont see any different class or identifier to the actual date HTML that would let me color it based on category either.

See my added photos, using Category colors means I have colored coded my “Försäsong” (Preseason) text. Deactivating it means that text is white/red.

What I’m aiming for is to show in the calendar if certain dates are within different categories, (for example) preseason, main season, autumn break, etc. The way it looks now – it will just show that all dates have events, but you will only see the difference when you click them. It would be very useful to show this based on categories in the actual date boxes (or dots).

I’m adding the photo with the result I’m aiming for, as well. Hope there is some trick we can pull, maybe to add category to the date html-class or even better.

Thanks for the help!

[Hunter]

Hey Erik,

Welcome back and thank you for providing clarification. Unfortunately, I won’t be able to be of much assistance here. You might want to try contacting the authors of The Events Calendar Category Colors and refer to their Wiki for more info. I also recommend reading our Styling events widgets Knowledgebase article.

Sorry I can’t do more here and for more info on what’s covered, please review our What support is provided for license holders? Knowledgebase article.

Thanks for understanding and have a great holiday weekend. Cheers!

[Erik]

Hello again!

Thanks for your response, and I understand.

I guess what I’m asking for, is to (simply?) add the event category to the item in the mini calendar – from there I can sort out the styling as I want. They’re connected to the right event since it changes on click, but not in the actual html-code. I’d like it if it was the same way that the main calendar uses the event categories in their class or ID. My thought is that it’s possible to add the same variable that adds the category to the large calendar, to the mini widget – but uncertain if that’s doable or what controls it.

Adding two screens for clarity, one with mini widget code, and one with large calendar code.

[Hunter]

Hey Erik,

I hope you had a great weekend! I understand your end goal here, but as much as I’d love to, I’m just not permitted to spend time on these types of requests. I’d be happy to ask some fellow support team members who have more experience with the plugin widget style options if they have any advice, but I can’t promise that will results in a viable solution. Feel free to ping me tomorrow for a response.

Have a good week ahead and take care. Cheers 🙂

[Erik]

Heya.

Thanks for trying, greatly appreciated! Hope it can result in something I can test out. At the moment I’m at a loss, and not even sure where to look or what to connect to attempt it on my own. I’m sure it would be a neat addition if it can be made to work.

[Hunter]

Hello,

I brought this thread to the attention of my support team staff and the consensus is this is just too far outside what we’re able to offer. It’s most definitely possible, but would require customizations. I recommend reviewing our Themer’s Guide and reaching out to the author(s) of The Events Calendar Category Colors plugin to see if they have any examples or can help further assist.

If it’s something outside your level of expertise, I invite you to review our list of customizers. Have a good week ahead and thanks for your patience while we explored our options. Cheers!

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts