Separate the section descriptions from the div.song-description element

On version 3.0.0-beta.21.

Currently, in performance view in the song information area, section descriptions are displayed within the div.song-description element. I would like to see section descriptions displayed in their own element so that specific styles can be applied.

Since Abletset allows both the current and upcoming sections to be displayed, I would like the following structure:

div.song-description
div.song-sections
div.current
div.next

The div.song-sections element would be a flex element which would allow the children to be styled horizontally or vertically.

Thank you!

Hey @Michael,

I just released a new beta which splits the descriptions into multiple span elements, which you can target with .descriptions.song, .descriptions.current-section, and .descriptions.next-section for custom styling.

The β€œ/” separator has a .separator class so you can hide it if you don’t need it.

Let me know if this works for you! :slight_smile:

1 Like

@leolabs, thank you very much!

This works perfectly for me. I really appreciate the quick response.

Mike