Larger Buttons

Hello Leo, would you consider adding a feature to make the play, pause, advance, etc. buttons be even larger on the iPad screen? It would be great to have some super oversized buttons - possibly even with colors on them?

Thanks for your consideration.

Hey @cgbb1964,

This could potentially be done using the Custom Styles feature. Are you referring to the playback buttons in the setlist or the performance view?

I’m looking forward to your reply! :slight_smile:

Thanks for the reply. Yes, I’m referring to the performance view.

Hey @cgbb1964, please excuse my late reply!

Here’s a CSS snippet that makes the buttons and their contents larger:

:root {
  --performance-button-height: 25vmin;
  --performance-button-font-size: 5vmin;
}

.performance {
  padding-bottom: var(--performance-button-height);
}

.performance .controls {
  height: var(--performance-button-height);
}

.performance .controls button {
  font-size: var(--performance-button-font-size);
}

You can change the values behind the first two variables to adjust the height of the buttons and the font size of the contents.

Let me know if this works for you!

Thanks! I’ll check into this. Also, the new customs layout feature (Canvas) will be perfect once it releases! Thanks Leo for all that you do!