Skip to main content
All CollectionsCalendar: (2) DesignEvents listing/details colors
Design: Events Listing/Details Details -- Popup background & Background
Design: Events Listing/Details Details -- Popup background & Background

Choose more eye-catching and/or coordinated colors for your popup and popup content backgrounds in your calendar templates.

Piotr Poźniak avatar
Written by Piotr Poźniak
Updated over 9 months ago

This article discusses the following feature items for calendar templates: Popup background (green in both images below) and Background (blue in second image below).


To find this design section...

Step 1: After you log in, make sure your Widgets section is open.

Step 2: Choose (click on) Calendars.

Step 3: Your Calendars page will open.

Step 4: Choose the calendar whose design you wish to modify.

Step 5: Make sure you are in the Design tab (blue box in image to the left).

Step 6: Scroll down to the Events listing/Details colors section.

Step 7: Scroll down to the sub-section Details and locate the items Popup background & Background.


To modify the items(s) in this section...

The defaults are light grey for the Popup background and white for the Background.

CHANGING THE COLORS

READABILITY

Changing these colors may lower the readability of your content. In other words, the text may not show up clearly against the new background colors.

This is not a problem. Just change the colors of the titles, dates, text, etc. You can find these items in the same section, Listing sub-section.

Custom (color picker)

Click on this option. Choose the color(s) you prefer. If you are not yet familiar with our Custom Color Picker, read this article.

Custom color value

Popup background has a third option: Custom color value. Click on this option and enter the CSS value of the color you prefer.

NOTE: Popup background and background also work when displaying your events as an accordion (depending on the template you chose).

Did this answer your question?