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 offer the vertical anchor only: scrolling widgets run the full width of the overlay, and the Team Score card always centers itself horizontally.

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 border

Borders range from a simple outline to animated effects. Pick a style, a color, and a thickness:

Styles: None, Solid, Gradient, Corner brackets, Neon glow, Pulse, Rainbow, Rainbow glow, Electric, Shooting star, Chase, Multi-chase, Shimmer, and Marching ants.
Color: any color you choose. The multi-color styles like Rainbow and Gradient bring their own colors and ignore this.
Thickness: thin, medium, or thick.

The animated borders (Neon glow, Pulse, Electric, Chase, Shimmer, and friends) are a quick way to make a widget feel broadcast-grade without extra work.

Style the text

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

Font. Choose from Inter, Montserrat, Poppins, Oswald, Bebas Neue, Anton, Teko, Archivo Black, Black Ops One, Playfair Display, and Space Mono.
Text size. Auto fits the text to its box; the presets (extra small through extra large) set a fixed size instead.
Text color and text opacity set the color and how solid it is.

Fill Tracker and Image 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.
League Scores can scroll (all games marquee across) or flip (one game at a time).
Socials Bar can be static (all handles at once), scroll, or flip (one platform at a time). In flip mode you pick how many seconds each one holds (2 to 8).
Selling Platforms moves the same way as the Socials Bar — static, scroll, or flip.
Speed for any scrolling or flipping widget steps from slowest to fastest.

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.
Selling Platforms picks which of your selling platforms to show and their mark color.
Text takes your words. Image takes a URL and how it fits its box.

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

See every widget’s own options: Widget catalog.
Save your customized overlay to reuse: Break templates.