calendar widget

[Kim]

Hi,

I’d like to add line breaks between the events on the events calendar pro widget. When users hover over the date it looks like it is all one event.

Could you tell me where I should add some code to add hr tags in-between please?

Many thanks

Kim

[Rob]

Hey Kim. Thanks for reaching out. You’re referencing the mini calendar widget, correct? Just want to make sure. If so, you should be able to tweak that by looking in the table-mini.php file that appears in the ‘views’ folder. If you modify it make sure to do a template override (https://theeventscalendar.com/faq/what-are-template-overrides-and-how-do-i-do-them/) so your changes aren’t lost next time you update.

That help? Let me know if not.

[Kim]

Hi Rob,

Thanks for responding. I’ve found the file but where should I add the code to display each event with a divider tag in-between?

Also is it possible to change “View all” that is displayed on the calendar widget in the top right to “View all Months”?

Many thanks for your help

Kim

[Rob]

Hey Kim. Thanks for the follow-up; glad to hear we’re making some progress. The next steps you’ve requested here are a bit outside my area of expertise so I’ve asked our dev Jonah to take a look. He’s out on vacation until tomorrow, but will be back addressing threads at that point. Stay tuned and thanks for your patience so far.

[Jonah]

Hi Kim,

It’s going to be easier if you just add a line via CSS (and it will keep the code cleaner). Each event title has the class of ‘tribe-events-event-title-mini’, so you would just target this in your CSS like so:

.tribe-events-event-title-mini {
border-bottom: 1px solid #ccc;
margin: 0 0 5px;
padding: 0 0 5px;
}


If you didn’t want to apply the line to the last item you could use the :last-child pseudo selector.

I hope that helps!

[Kim]

That worked perfectly!! Thankyou 🙂 Also is it possible to change “View all” that is displayed on the calendar widget in the top right to “View all Months”? Where is it located please?

Many thanks

Kim

[Rob]

Hey Kim, awesome to hear that did the trick thus far! For the “View All” link…have you checked inside table-mini.php?

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts