Custom CSS Styling that targets a certain lyrics track

Pretty simple, I would love to have a “Confidence Monitor” Lyrics Track that you can target custom CSS styling towards. That way naming a lyrics track “Confidence Monitor” will automatically apply that styling to the lyric track.

This very may well be possible already but I’m unable to find it

This is already possible in the current version of AbleSet. The .lyrics container has a class name that corresponds to the name of the lyrics track. If you wanted to only apply styles to tracks called “Confidence Monitor”, you could prefix your selectors with .lyrics.confidence-monitor, e.g.:

.lyrics.confidence-monitor .lyrics-line p {
  color: red;
}

Let me know if this helps!

1 Like

This is perfect!!!
Leo you are an absolute genius! Thank you for dealing with my useless questions haha

2 Likes

I’m always happy to help! :slight_smile:

1 Like

Thank you, just linking this here in the forum in case anyone has a similar question

1 Like