How to add space between events in fullcalendar

Question

I want to add space between the rendered events in fullcalendar. So if I have two events on the same day and say their background color is blue i want to add additional white space between them. How can I do that? I haven't been able to find the style to change to accomplish that.

Answer 1

I have recently been working with the fullcalendar for a project of mine and a simple solution to the problem that you are having is to add a white border around each event to get that extra spacing.

Check out http://arshaw.com/fullcalendar/docs/event_rendering/eventBorderColor/ for more information. Hope this helps.

Answer 2

Just add margin-bottom to the event's styling rules. FullCalendar includes margins when positioning events.

CSS:

.fc-event {
  margin-bottom: 1px;
}