How to increase separation between two events in one day

[Natalia Neira]

Hello Modern Tribe Folks.

I was wondering if there was a way to increase the separation between two events on the same date in the month view. Our visitors are having trouble distinguishing between two events. In previews versions there use to have a thin gray line between them.

Thank you.

[Neill]

Hi Nicolaepenacultural

Thanks for you comment and we’d be happy to help you with this.

Yes there certainly is a way to increase the the space between 2 events on your calendar. The Events Calendar, in general, inherits from your own style. But of course sometimes there are conflicts. I would double check which of the styles you are currently running in Events>Settings> Display and check what is selected in the Default stylesheet used for events templates. I think I can see from your site that you are running the full stylesheet – which rely’s heavily on you own style.

From here I’d read up on the article about customizing your style: https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/#customizingstyles

in the full style I’d recommend you have a look at the class: h3.tribe-events-month-event-title. You may be able to add some code in there to increase the separation between two events.

Hopefully that will point you in the right direction. If not let us know and we’ll be happy to dig a little deeper for you.

Neill

[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