Getting started with branding
We will give you an introduction to branding.
In this video we will look at:
- How to add a logo, change fonts and change to the buttonless display
- How we do this using CSS
Learn more:
HELP: Customise the display
CSS used in the video
@font-face {
font-family: Roboto;
src: url(Roboto.ttf);
}
body,
#roomDisp,
#freeDisp,
#schedDisp,
#airportDisp,
#wcDisp,
#wcDispEmpty,
#doordisp,
#clusterDisp,
#floorplanDisp,
#floorplanDisp,
#peopleDisp,
#infoDisp,
#nbrSelector .ui-btn,
#roomSelector .ui-btn,
#roomSelectorDist .ui-btn {
font-family: Roboto;
font-weight: 500;
}
#roomLogo {
background-image: url(dt-works.png);
background-repeat: no-repeat;
width: 329px;
height: 60px;
right: 14px;
top: 20px;
}