Best posts made by cskenney

@drwatson Copy the exact same code that @Fozi noted above and put it in the custom.css file.

Below is what I put in my custom.css file.

body {
  margin: 5px;
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}

@suspect24 There are a couple ways to make the change.

Are you trying to change all the entries from a specific calendar? If you are you want to assign a className to the calendar and then use that className in the custom.css file.

Here is an example:

				calendars: [
					{
						name: "MHS Softball",
						url: "https://calendar.google.com/calendar/ical/example.ics",
						className: "cal_mhs_softball",
					},

Then in the custom.css file you would include the entry to change the background color of the specified className. Like this:

.CX2 .event.cal_mhs_softball {
	background-color:rgba(128,0,0,1);
	}

I have also successfully used the transform function to search the Title of an event for a specific keyword. Once found I assign an event.className to that event. Then in the custom.css file I can change the background color for that specific event className.