NASCAR 2025 Driver Details Component

Features

The NASCAR 2025 Driver Details panel displays information about the selected driver in the style of the 2025 official NASCAR broadcast.
These are its main features:

• Top and bottom border display series color
• Car number foreground and background is fully configurable, iRacing styled numbers are available
• Driver photo from the Driver Info database or from iRacingLiveTiming driver Overrides can be displayed
• Driver photo box can hold: driver photo, driver helmet, helmet if no photo available, nothing
• 1 or 2 lines of driver data can be displayed, if selected data is missing line is hidden
• Data line text can be edited and can contain references to 22 variables

Adding the NASCAR 2025 Driver Details component to the Remote Control panel

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

Series color:

Component:

Display options

Visibility

• Show: display the NASCAR 2025 Driver Details panel
• Hide: hide the NASCAR 2025 Driver Details panel

Driver image

• Photo: displays the driver image set from the driver database (see Driver Information App) or from Photo URL in Driver Overrides
• Helmet: displays the driver helmet from the iRacing paint folder if available (can be updated using Trading Paints) or from the iRacing driver paint shop
• Helmet if no photo: displays the driver image (see above) if available, else displays the driver helmet (see above)
• Hide: hide driver photo or helmet

Data

The NASCAR 2025 Driver Details panel can display 2 data rows
If data in a row is not available, it is hidden and the other row is vertically centered

• Position & laps led: displays driver position in the top data row and driver laps led in the bottom data row
• Position & location: displays driver position in the top data row and driver home town or location in the bottom data row
• Position & team name: displays driver position in the top data row and driver team name in the bottom data row
• Laps led: displays driver laps led in a single data row
• Fast lap & position: displays driver best lap in the top data row and driver position in the bottom data row
• Position & start position: displays driver position in the top data row and driver start position in the bottom data row
• Last lap & leader lap: displays driver last lap time in the top data row and leader last lap time in the bottom data row
• Pit lap & time: displays driver pit lap in the top data row and pit lap time in the bottom data row
• Custom text: displays the text entered in the editor, can be cleared with the small C button. When not blank it overrides the buttons above

The following control variables are controling text displayed in the data section:

Overlay.NascarDriverDetails2025N.Text1Format
Overlay.NascarDriverDetails2025N.Text2Format

Each button in the Data section sets both these variables
For example, this is the Left mouse button click property of the Position & laps led button:

Overlay.NascarDriverDetails2025N.Text1Format = "Currently: {position}{position:o}"; 
Overlay.NascarDriverDetails2025N.Text2Format = "Laps led: {lapsLed}";

CSS Style Overrides

The overlay appearance (position of items, colors, animations) can be customized by applying overrides to the default styling. In iRacing Live Timing press F3 to open the Configuration Panel, scroll down to find the Style Overrides field and click the 3 dots to open the Style Overrides editor. Copy and paste the code below into the bottom of the Style Overrides window and adjust the values to get the desired effect. Read more information about using Style Overrides here: https://www.sdk-gaming.co.uk/knowledge-base/editing-css-styles/

Customizing the NASCAR 2025 Driver Details position:

Default style position rule:

.overlay>.nascar-driver-details-2025-n {
    left: 580px;
    bottom: 42px;
}