Appointment Booking Calendar - Calendars - Calendar Appearance


Calendar Appearance

Back to User Guides

With the Appointment Booking Calendar plugin, the calendar shows different background colors for each appointment slot depending on the status of the appointment. There are also a few more settings for the calendar appearance.

To change the appearance, navigate to Admin Dashboard → CM Appointments Booking Pro → Settings → Appearance tab.

Navigation to the appearance settings - Best WordPress Scheduling Plugin
Navigation to the appearance settings

Use the color picker to choose each color.

Color picker - Appointment Scheduling Plugin WordPress
Color picker

You can configure the following options:

Appearance settings - WordPress Scheduling Plugin
Appearance settings
  • Primary calendar color - When the mouse hovers over a slot.
Primary calendar color example - Event Booking Calendar WordPress Plugin
Primary calendar color example
  • Primary font color - Color of the font in buttons and on the hovered slots. Note: This option was introduced in version 1.8.0.
Primary font color example - WordPress Calendar Booking Plugin
Primary font color example
  • Secondary calendar color - Border of unbooked slots
  • Unbooked slot
  • Expired slot 
  • Accepted slot
  • New booking slot
  • Too soon - Slot that is not enough days from current day background color
  • Too distant - Slot that is too far away from current day background color
  • Month remaining days - Background of remaining days in that month with slots (only applies to Month view)
  • Day off with label - background color - Background color of the additional day off with spesified label. Learn more about these days off in this guide. Note: this option was introduced in version 2.3.5.
  • Day off with label - text color - Text color of the additional day off with spesified label. Learn more about these days off in this guideNote: this option was introduced in version 2.3.5.
  • Custom view for phone field - This option applies custom JS library for the phone field. Note: this option was introduced in version 2.4.7.
Examples of standard and custom view - Booking Plugin WordPress
Examples of standard and custom view
  • Hide lines with empty slots - If enabled, the lines with empty slots at the beginning and at the end of the calendar will be hidden. Note: this option was introduced in version 2.4.7.
Example of shown and hidden empty slots - WordPress Plugin for Scheduling Consultations
Example of shown and hidden empty slots

Note that these settings apply to all calendars.


More information about the Appointment Booking Calendar plugin for WordPress

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.