Skip to main content

Appearance

Live Stream → Studio → Appearance sets how every stream on the site looks. A preview beside the settings is drawn by the player itself, and changes as you do: switch it between the moments (Before, Live, Ended), between a Viewer's view and the Host's, and between a Wide screen and a Phone. Press Save changes to keep what you set; Reset all to defaults starts over.

The Appearance tab: theme, accent colour, Live badge, corners and font, beside a live preview of the player and its chat

Colours and type​

SettingChoices
ThemeLight, Dark, or Automatic: light or dark as each visitor's device is set. Dark paints a card of its own around the player.
Accent colorButtons and highlights.
Live badgeThe badge's colour on the picture while a stream is live.
CornersHow round the player, the chat and the buttons are.
FontThe site's, as the theme sets it, or the device's.

The video itself always sits on black.

Player​

SettingChoices
ShapeWidescreen (16:9), for cameras, screens and OBS; Standard (4:3); or Upright (9:16), for streams from a phone held upright.
TitleThe stream's title under the player.
Time on airHow long the stream has been live, in the player's controls.
Names on the videoWho is who, once more than one person is on stage.
Viewer countShows everyone how many are watching. Hosts always see it.
LogoYour logo over the picture, in a corner, with its width and opacity. A PNG or SVG with a see-through background looks best.
CoverShown before a stream starts and after it ends. A stream can have its own, in its settings.

A Stream player block can choose its own shape, time on air and names (Putting a stream on a page).

Chat​

SettingChoices
PositionBeside the stream, as tall as the player and below it on narrow screens, or below the stream.
HeightOf the chat below the stream, and on narrow screens.
AvatarsEach sender's picture beside their messages.
TimesWhen each message was sent, beside its sender. Otherwise it shows on hover.
Emoji pickerThe emoji button beside the chat's field.
Emoji styleThe device's own emoji, or Apple, Google, Twitter or Facebook images, the same on every device. The set's images are downloaded to your site when you save. Better Messages shares this choice.

Reactions​

SettingChoices
OfferedWhich of Heart, Applause, Laughter, Surprise and Fire viewers can send with one tap. None leaves reactions out.
Over the pictureReactions rise over the stream as they come.

Your own CSS​

There is no CSS box of its own: restyle streams with WordPress's Additional CSS (in the Customizer, or in the Site Editor's Styles with a block theme), or in your theme's stylesheet. Every class starts with estream-, and every colour is a CSS custom property starting with --estream-.