Skip to main content
All CollectionsCalendar: (2) DesignEvents listing/details colors
Design: Events Listing/Details Colors - Details (Schedule)
Design: Events Listing/Details Colors - Details (Schedule)

Schedule header background, Schedule header, Schedule item background, Schedule item text, Schedule item circle, Schedule item left border

Jason Alexis avatar
Written by Jason Alexis
Updated over 2 years ago

To find these design items...

Step 1: After you log in, click on Calendars (brown box below).

The Your Calendars page will open.

Step 2: Choose the calendar you wish to modify (brown box below).

Step 3: Click on Design (brown box below).

Step 4: Click on Events Listing/Details Colors (turquoise box in image below).

Step 5: Scroll down until you find Details (turquoise box in image below).

Then continue scrolling to find: Schedule header background, Schedule header, Schedule item background, Schedule item text, Schedule item circle, and Schedule item left border.

Let's look at how you can choose your own colors for these design items. If you are not familiar with the DCE custom color picker, check out this article first.


To modify these design items...


Here is how our event's schedule looks when everything is in the default position (turquoise box in image below):

- - - - - - - - - - -

SCHEDULE HEADER BACKGROUND

The color of the background in your schedule "title" line.

Default

Action: choose a Custom Color

- - - - - - - - - - -

SCHEDULE HEADER

The color of the text in your schedule "title" line.

Default

Action: choose a Custom Color

- - - - - - - -

SCHEDULE ITEM BACKGROUND

The background color of all the items in your schedule.

Default

Action: choose a Custom Color

SINCE WE CHOSE A DARK BACKGROUND... our item text is not easy to read. Don't worry. We will fix this now.

- - - - - - - - - - -

SCHEDULE ITEM TEXT

The background color of all the item text in your schedule.

Default

Action: choose a Custom Color

This step points out an important design tip: pay attention to how all the colors are working together. When the background was lighter, the Schedule item text default color was fine.

It was only because we chose a dark Schedule item background that we had an issue.

- - - - - - - - - - -

SCHEDULE ITEM CIRCLE

Just as it sounds, the color of the bullet circle for all your schedule items.

Default

Action: choose a Custom Color

- - - - - - - - - - -

SCHEDULE ITEM LEFT BORDER

The color of the left border of each schedule item line.

Default

Action: choose a Custom Color

Because our Schedule item background is so dark, it is difficult to see where this is and wh

Now that we have chosen a custom color, we can see it a little bit: in the image below, notice the cyan (turquoise) line in the gold oval.

Let's take a clearer look by changing some of the colors...

Now we can clearly see that the Schedule item left border color is cyan (turquoise).

- - - - - - - - - - -

Did this answer your question?