Lyrics Page Layout Similar to ProPresenter7 Stage Layout

User Styles
32

Hey @CodyWright,

I just released AbleSet 2.5.0-beta.2 which remembers the most recent lyrics track when you switch between views.

To add some padding to your lines, you should be able to use the following CSS:

.lyrics .lyrics-line {
  padding: 0 10px; /* change to taste */
}

Some of the lyrics attributes are just styles, so you can add them to your custom CSS to target specific lines, e.g.

.lyrics.confidence-monitor .lyrics-line, 
.lyrics.confidence-monitor .image-line {
  /* disable the zoom */
  transform: scale(1);
}

.lyrics.confidence-monitor {
  /* disable the fade */
  --fade-top: 1 !important;
  --fade-bottom: 1 !important;
}

The [top] attribute changes the scroll behavior which unfortunately can’t be overridden with CSS.

This is currently not possible, but it shouldn’t be too hard to implement. I’ll add it to my todo list.

2 Likes