Customizing widgets

Every widget you place on your overlay can be tailored two ways: the controls every widget shares (where it sits, how big it is, its background, border, and alignment) and the options specific to that widget (its content, data, and motion). This page covers all of them. For the settings unique to each widget, see the widget catalog.

Place and size it

Position. Drag a widget anywhere on the grid. It snaps into place, and alignment guides appear while you drag so things line up cleanly.
Size. Drag its corners to resize. Widgets are fully responsive, so they look right at any size. Each has a sensible minimum so it never shrinks past the point where it reads; the only upper limit is the overlay itself.
No overlap. Widgets never sit on top of each other; each one owns its spot on the grid. If a widget will not drop, there is no room for it: remove or resize a neighbor first.
Lock. Lock a widget once it is where you want it, so you cannot nudge or resize it by accident while arranging the rest.

Show or hide it live

While you are designing, a widget is either on the overlay or removed. Once a break is live, every placed widget gets a visibility toggle in the on-air console, so you can reveal or clear a widget mid-show without touching your layout: bring the scoreboard up between rips, or hide the board while you talk.

Align its contents

An anchor grid sets where a widget’s contents sit inside its box: left, center, or right, and top, center, or bottom. Use it to seat a widget’s text or graphics exactly where you want inside the space it occupies. A few widgets differ: scrolling widgets run the full width of the overlay so only the vertical anchor applies, the Team Score card always centers itself horizontally, and the Fill Tracker fits and centers its board for you, so it has no alignment control at all.

Set a background

Background color fills the widget’s box with a color you pick.
Background opacity runs from fully transparent to solid. Leave it transparent to let your camera or the overlay show through, or raise it to give text a solid panel to sit on.

Add a background effect

Off by default. Turn it on and an animated fill plays behind the widget’s contents: a foil sheen across your nameplate, drifting embers behind your rules, scanlines behind a promo image.

There are twelve, and each has a palette and an intensity. Once you set brand colors on your channel, the Channel Brand palette makes the effect run in your own colors.

Every effect and palette is listed in the styling reference.

One loud widget reads better than five. Pick the widget you want the eye to land on, give it an effect, and leave the rest calm.

Add a border

A border outlines the edges you pick. It is drawn inside the widget, so turning it on never changes the widget’s size or nudges your layout.

Border sides. Any combination of top, right, bottom, and left. None is the default. One side is how you get a clean underline instead of a box.
Color and opacity.
Thickness. Thin, medium, thick, or extra thick. It scales with the widget, so it looks the same at any size.

Round the corners

Square, small, medium, or large. Corners round the whole widget: the background, the effect, and the border all clip to the same shape, so a rounded panel stays a rounded panel. It works with or without a border.

Style the text

Widgets that show text (Spot Counter, League Scores, Team Score, Breaker Nameplate, Socials Bar, and Text) share these controls:

Font. Fifteen to choose from, plain through to pixel type and script. The full list, with what each one reads like, is in the styling reference.
Text size. Auto fits the text to its box; the presets (extra small through extra large) set a fixed size instead. A preset never overflows its box.
Text color and text opacity set the color and how solid it is. Typing an exact hex is an Elite feature; every plan gets your brand colors and a curated palette.

The Text Carousel has the same controls, but on each slide rather than on the widget, so one message can shout in gold while the next stays plain. You will find them under the slide you are editing, not in a Text Style section.

Fill Tracker, Image, and Image Carousel carry no free text of their own, so most of these do not apply to them (the Fill Tracker shows a reduced set when it displays spot text instead of team logos).

Add motion

A few widgets can move to draw the eye. The rest stay still.

Text can scroll: turn on scrolling to run it across the overlay as a marquee.
Text Carousel and Image Carousel always show one slide at a time, so their only motion settings are the transition and the hold.
League Scores can scroll (all games marquee across) or show one at a time.
Socials Bar can be static (all handles at once), scroll, or one at a time.
Transition, on anything showing one thing at a time, is how it gives way to the next: cut, fade, rise, slide, or flip. Each option plays itself in the picker, so you can see them before choosing.
Hold is how long each one stays on screen, from 3 to 30 seconds.
Speed for any scrolling widget steps from slowest to fastest.

Work with slides

The Text Carousel and Image Carousel hold up to 3 slides and show one at a time. Both work the same way:

The list is the running order. Drag a slide by its handle to move it; the numbers follow.
Each slide stands alone. A text slide sets its own font, size and color; an image slide sets its own fit and size. Nothing is inherited, so a slide always looks the way its own settings say.
Adding a slide copies the one before it, so building a matching set is just typing or picking images, not restyling every time.
An empty slide is skipped. Half-written slides do not appear on your overlay, so you never get a blank gap while you work. You cannot save a break with one either.
The preview follows you. Click a slide and the preview jumps to it, then keeps playing from there, so you can see the transition whenever you want.

Content and data options

Beyond styling, each widget has its own content controls:

Fill Tracker shows team logos, names, nicknames, or abbreviations for a team break, or your named spots as text for a custom list, as a board or a list, and you pick how a sold spot is marked.
Spot Counter shows spots remaining or sold, optionally with the total (“8 of 30 left”).
League Scores and Team Score pick the league or team and show logos or abbreviations.
Breaker Nameplate picks which channel elements to show and whether they sit inline or stacked.
Socials Bar picks which platforms and whether their logos use brand colors, white, or black.
Text takes your words. Image takes a link to any hosted image (or, on Elite, an upload from your image library) and how it fits its box.
Text Carousel and Image Carousel take up to 3 slides each, plus the transition and hold that carry you between them.

Each of these is covered per widget in the widget catalog.

Every option spelled out: Styling reference.
See every widget’s own options: Widget catalog.
Save a reusable set of spot names: Spot lists.
Save your customized overlay to reuse: Break templates.