Challenges Overlay

People ask this as

What this page is

Challenges Overlay is the list of challenges as the viewers see it — "The list of challenges for OBS: counters and live countdowns". It lives at Carousel → Challenge list overlay. What is on the list is decided on the Challenges page; this page decides how it looks, how long names behave and what is heard when a countdown reaches zero.

How to set it up

  1. Open Carousel → Challenge list overlay. Copy in the header copies the address, and the message confirms it: "The link is copied — paste it into a Browser Source in OBS". A size of 420 x 600 suits it.
  2. The preview sits in the middle. Show my list swaps the sample for what you actually have on the Challenges page — the button then reads Show a sample — and Time is up makes the last row finish, so you can see and hear that moment without waiting for it.
  3. The sections are listed down the left: Backdrop, Row, Challenge name, Number, Time is up, Sound and Long names.
  4. Backdrop is the list as a whole — Background, Corner radius, Padding, Gap between rows. Row is one line of it — Background, Border, Corner radius, Padding, Shadow.
  5. Challenge name holds Font, Size, Weight, Color, Letter case and Shadow. Number holds Font, Size, Color and Shadow for the count or the countdown on the right of the row.
  6. Time is up is how a finished row is marked: Color and Glow. It applies to the row's border and to its number, so the row stands out without changing shape.
  7. Sound picks the file played when a countdown reaches zero, with Play to try it and Volume to set how loud. Files come from the sounds folder of the app, on Settings → Sound.
  8. Long names decides what a name that does not fit does. Scroll the name — "A name that does not fit stands still, then slides across and comes back. The number stays where it is." Pause before it moves is 0 to 10 seconds and Speed is 10 to 200 pixels a second, each with its number shown beside the slider.
  9. Ready-made looks and your own saved templates sit in the Styling card above the section list. Open "-- Choose a template --", take one from Built-in, Mine — this overlay or Mine — from other overlays, and press Apply. Template name with Save keeps the current look, Delete removes one of yours.
  10. Press Save in the page header.

What it cannot do