Skip to main content

Car Number Style Component


The Car Number Style Component allows you to easily adjust the colour and style of Driver Car Numbers.


Components are imported directly from within iRacing Live Timing. In iRacing Live Timing press F4 to open the Remote Control Tab and then F2 to enter Edit Mode. Click the Import Library button and select from the list the component you want to import. The component will then be imported to your Remote Control Tab in the first available empty space (often below existing components).

For a full list of all available Overlay Components please check out the Overlay Component List

Car Number Style Background

  • Driver – Set car number background color to driver colour set in iRacing.
  • Team – Set car number background color to driver Background Color set in Multicar teams.
  • Class – Set car number background color to Background Color override in Driver classes.
  • Style – Set car number background color according to your Style Override. Enter your chosen web color name, HEX or RGB value when you add this code into your Style Overrides:

F1 Style Timing Tower:

.show-car-number>.data {
background: darkblue;
}

NASCAR Timing Tower:

.overlay>.nascar-tower-2020 .driver-block>.container>.number {
    background: darkblue;
}
  • Black – Set car number background color to Black.
  • White – Set car number background color to White.
  • Transparent – Set car number background color to Transparent.

Car Number Style Text

  • Driver – Set car number text color to car body color set in iRacing.
  • Team – Set car number text color to Text color set in Multicar teams.
  • Class – Set car number text color to Text color override set in Driver Classes.
  • Style – Set car number text color according to your Style Override. Enter your chosen web color name, HEX or RGB value when you add this code into your Style Overrides:

F1 Style Timing Tower:

.overlay {
--driver-number-color:white;
}

NASCAR Timing Tower:

.overlay>.nascar-tower-2020 .driver-block>.container>.number {
    color: white;
}
  • iRacing Number Color – Set car number text color to car number color set in iRacing.
  • Fixed Style – Set car number image to iRacing Fixed Style Image if available. Provided by iRacing in some road series. When available the car number Bitmap will be the same for all cars. Only visible when overlay is viewed through a room connection.
  • Driver Style – Set car number image to iRacing Driver Image if available. Provided by iRacing in some NASCAR and Dirt Oval series. When available the car number Bitmap will be individual for each car. Only visible when overlay is viewed through a room connection.
  • Outline Threshold – The color difference threshold between foreground and background colour luminance/chrominance triggering text outline display:
    • 0 never displays outlines.
    • 100 always displays outlines
Was this article helpful?

Related Articles

Leave a Reply

Need Support?

Join our Community Discord Server
Join Discord