Photos in sidebar / color coding events in calendar widget

[sevenelm]

Hi, I apologize if either of these have been asked, I searched but did not see exactly what I was looking for.

I am using Events Calendar Pro. Works great, but i wanted to do two customizations. I am comfortable editing code – but i want to make sure there is not a better way to do these two things:

q. I want to have a css hook in the events calendar widget that either creates a clas sbased on category or organizer so that i can add a subtle BG to the td cell that is color coded – for example an NBA event would be green, an NHL event would be yellow (it is a Boston sports blog, if you couldn’t tell).

Also in the event loop below the calendar i would like to add teh feature dimage of each event as a thumbnail.

As mentioned I am comfortable coding, but i hate altering third party tools, client is asking for it, though, so I may have to.

[Brian]

Hi,

Thanks for purchasing Events Calendar Pro and I can help you out with some tips on this customization.

It is possible to edit our templates after you move them to the theme so the edits stay after updating the plugin.

If you follow our themer’s guide you can get a good overview of the process:

https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/

You will want to look into these two paths to find the files to move and then edit:

events-calendar-pro\views\pro\

\the-events-calendar\views\

And a good list of Event Conditionals can be found here:

https://gist.github.com/jo-snips/2415009

That should get you started. Let me know if you have any follow up questions.

Thanks

[sevenelm]

Hi Brian thanks,

Just to clarify, the file I want to edit is the single-event file in the events-calendar-pro/views/pro/widgets/mini-calendar directory.

So, I need to create a dir in my theme called tribe-events-pro/views/pro/widgets/mini-calendar and place the overridden file there?

I think I just need to know exactly where I need to place this file.

[Andy Fragen]

Hey, if you’re looking to add background colors to your categories you should try, The Events Calendar Category Colors plugin, https://wordpress.org/plugins/the-events-calendar-category-colors/

[Brian]

Your welcome, that should be the file.

Try out his directory

tribe-events/pro/widgets/mini-calendar/

And all custom templates will go in this directory of your theme:

tribe-events/

No need to add tribe-events-pro or views to the directory.

Let me know if you have any follow up questions.

Also try out that plugin that Andy mentioned it may get you close to what you are looking for.

Thanks

[Brian]

Since there is has not been any activity on this thread for over 2 weeks so I am now closing it. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts