Platform Specific Issues

&showlabels

Display labels as a video overlay.

Aliases

  • &showlabel

  • &sl

Options

Value

Description

skype

Skype styled display names

ninjablue

OBS.Ninja styled display names

toprounded

Rounded display names

fire

Fire looking display names

teams

Microsoft Teams styled display names

zoom

Zoom styled display names

Details

Font-size of labels will adjust slightly based on the window size. Underscores "_" used in label values will be replaced by spaces, allowing for word separation.

If no preset option is passed, a default generic style is used.

Customization

CSS of the styles can be set via the OBS browser source stylesheet window. The CSS class name you can customize is called "video-label".

An example of how to set a custom CSS style for labels

You can copy the below code, modifying it as you desire, as a starting point. You'll still need to use &showlabels to trigger the labels to display though.

.video-label {
color: red;
bottom: 2vh;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, .8);
pointer-events:none;
border-radius: 5px;
font-size: 0.8em;
}

You can also change the font-size without need CSS, using the &fontsize parameter.