Options for Visual Metronome in Performance View

With AbleSet 2.6.2, you can now use simpler styles for these adjustments – that should also fix the issue you described:

To make beat blocks solid, you can use these styles:

.performance .visual-metronome .beat {
  animation: none;
}

.performance .visual-metronome .active-beat {
  opacity: 1;
}

To make the entire screen flash for each beat, you can now use these styles:

.performance .visual-metronome .beat {
  position: absolute;
  inset: 0;
}

And to make the visual metronome slower, you can now use these styles:

.performance .visual-metronome .beat {
  display: none; /* hides all beats first */
}

.performance .visual-metronome .beat:nth-child(1) {
  display: flex; /* only shows the first beat of a bar */
}

I hope this helps!

1 Like