CODEWITHSUNDEEP
fullcalendar
pricejt
pricejt

Reputation: 143

How to add space between events in fullcalendar

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.

Upvotes: 2

Views: 3951

Answers (2)

tvanc
tvanc

Reputation: 4314

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

CSS:

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

Upvotes: 0

Martin Ong
Martin Ong

Reputation: 19

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.

Upvotes: 1

Related Questions