Frequently Asked Questions

• Add the following rules to your Settings / Overlay / Style overrides:

.overlay>.weather>.date {
display: none;
}
.overlay>.weather>.time{
display: none;
}
.overlay>.weather>.wind-velocity{
display: none;
}
.overlay>.weather>.wind-direction{
display: none;
}
.overlay>.weather>.air-temperature{
display: none;
}
.overlay>.weather>.air-pressure{
display: none;
}
.overlay>.weather>.humidity{
display: none;
}
.overlay>.weather>.sky{
display: none;
}
.overlay>.weather>.surface-temperature{
display: none;
}

• To remove the start lights from the overlay the following style rule must be added to your Settings (F3) / Overlay / Style overrides:

.overlay>.start-lights {
display: none;
}

• Open the Settings menu (F3) and in Overlay / Style Overrides add or replace the following style rule:

.overlay>.start-lights>.start-lights-wrapper>.start-light>.start-light-on {
background-image: -webkit-radial-gradient(20px 20px, circle cover, lawngreen, limegreen);
}

• There are 3 variables that control the global localisation:

Overlay.Localisation.TemperatureUnit        C/F (C)
Overlay.Localisation.SpeedUnit              KPH/MPH (KPH)
Overlay.Localisation.DistanceUnit           m/ft (m)

• Open your Settings (F3) / Overlay / Initial variable values editor and add the following at the end:

Overlay.Localisation.TemperatureUnit = "F";
Overlay.Localisation.SpeedUnit = "MPH";
Overlay.Localisation.DistanceUnit = "ft";

• This behaviour can be changed by adding the following line in your Settings (F3) / Overlay / Initial Variable Values editor:

Overlay.HideOnDisconnect = "true";

• Paste this code into Settings (F3) / Overlay / Style Overrides and adjust the colours either by entering the HEX code of the colour you want or typing the colour name:

 .overlay {
--driver-position-background-color: #707070;
--driver-position-text-color: white;
--driver-selected-color: #00FF00;
--driver-offtrack-color: #FF0000;
}

• Go to Settings (F3) / Overlay / Style Overrides and add or replace the following style rule:

.overlay>.standings {
transform: perspective(1000px) translateZ(-350px);
transform-origin: top left;
}

• In this particular case the scale factor is: 1000 / (1000 + 350) = 74% The idea is to set your eye at 1000px from the screen and to move standings 350px back The scaling origin is set to top left to keep standings aligned when scaled.

• Open the settings panel by pressing F3 and go to Overlay / Style Overrides.
• Add or overwrite the following blocks of text and copy your logo URLs inside the ( ) brackets.

/* Logos */
.overlay {
--header-logo: url();
--left-footer-logo: url();
--left-footer-logo-filter: none;
--right-footer-logo: url();
--right-footer-logo-filter: none;
}

/* Top-right logo */
.overlay > .logo > .logo-image {
background-image: url();
}

• Variables are used to control what is displayed within your components on your overlay. The full list of available variables can be found at Variables List. Open the settings panel (F3) and paste your amended variables into Initial Variable Values.
• CSS Style Overrides are used to change how your components look (size, shape, position, color, font, images, animations etc…) in the overlay. Check out Editing CSS Styles for instructions on getting started using your own code.