Changing section duration

General
1

Hi all! I want to change section duration from static to countdown, how can I achieve this? I scrolled through the custom scripts and css style doc but still could not figure it out. Thank you in advance!

image
image318Ă—219 11.9 KB

2

Oh and I want that when its a section’s turn, it turns bigger like :hover tag in css also

3

Hey @bach_tran_quang, welcome to the forum!

The active section row in Setlist View gets an active class, so you can target it directly. Add this to your styles.css (Icon Tray → :gear: gear icon → “Show Global Custom Styles”):

/* Enlarge the name of the currently playing section */
.setlist-entry.child.active .name {
  font-size: 1.4em;
  font-weight: 700;
  transition: font-size 0.15s ease;
}

AbleSet applies the styles as soon as you save the file. Tweak 1.4em to taste.

Regarding section duration countdown, the remaining-time countdown exists only at the song level (you see it on the active song), not per section.
At the moment there’s no built-in per-section “remaining time” value, only the fixed section duration. And CSS on its own can’t help here, since it can’t compute or update a live timer; it only styles what’s already on screen.

I don’t know how doable this would be but I’ll pass this bit as a feature request.

Let me know if this works for your use case :slightly_smiling_face:

3 Likes
4

Thank you @agustinvolpe, the css works. About the section duration countdown, I saw a dude who had it but I lost contact :frowning: I really want to have that feature as well as understanding how to customize things on my own.