Customization of appearance through CSS

Installation of css is carried out in the "Integration" section in your personal dashboard.

With this feature you can customise the look of your account to your needs: change the design, colours, sizes, margins and font size, hide some interface elements and so on. The changes are applied by adding your css styles to the page header.

Changes apply only to your company. The styles change the look of your page both on the timeplan.me site itself and in the form embedded in your website (iframe), as well as in the pop-up window integration.
If the html elements you need have no classes that css can hook onto, please contact support. You can change the look of the following pages:

• The main page, full version, including the one embedded in your site as an iframe or a pop-up window. Parent css style: CompanyIndex
• The main page, mobile version, including the one embedded in your site. Parent css style: CompanyMobile
• The look of the "My calendar" section in the administrative part. Parent css style: Timetables

Example. How to hide the "Send message" button on the main page:

.CompanyIndex .MessageSendButton {display: none}

Example. How to increase the height of the cubes in the schedule:

.Timetables #calendar td {line-height: 4em;}
.CompanyIndex #calendar td {line-height: 4em;}

Example. How to change the color of boxes for busy/off hours:

.CompanyIndex .EventTypeOffHours{background-color: #d8d8d8 !important}
.CompanyIndex .EventTypeBusy{background-color: #d8d8d8 !important}

.Timetables .EventTypeOffHours{background-color: #d8d8d8 !important}
.Timetables .EventTypeBusy{background-color: #d8d8d8 !important}

The form allows you to place only css styles, do not try to write tags or other insecure elements. JavaScript is not allowed.