Change Elements with CSS

Under Configuration > General settings > Colors & Formats > CSS Style you can change every element of the calendar with CSS.

Outer background

Formats the outer background, for example the vertical and horizontal spacing. Example: change the font size.

#s6e_body { font-size: 20px; }

Inner background

Formats the inner background, for example the width. Example: remove the shadow.

#s6e_body_content { box-shadow: none; }

Top navigation bar

Formats the top navigation bar with the links Start and Help. Example: hide the navigation completely.

.navibar { display:none; }

Buttons

Formats the buttons, for example those of the language selection or for paging forward and backward. Example: change the font colour.

.btn { color: #666; }

Complete reservation button

Formats the button that completes the reservation. Example: change the font colour.

.reservationbutton { color: red; }

More elements

If you would like to adjust more elements, please contact us.