< All integration methods

Customization of appearance through CSS

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

With this function, you can customize the look of your account dashboard to your needs: change the theme, colors, sizes, borders, font size, hide some elements from the interface, etc. The necessary changes are applied by adding your css styles to the pag

Changes apply only to your company. Styles change the look of your page both on the timeplan.me website itself, and in the form (iframe) embedded in your website, and in integration as a pop-up window.
If there are no classes for the elements yo

  • The main page, full version, including the one built into your site as an iframe or pop-up window. Parent css style: CompanyIndex
  • The main page, mobile version, including the one built into your website. Parent css style: Сompan

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.