SAB - sab-stylesheet.css

Is there a way to change the settings of the SAB stylesheet within the SAB app? For example I would like to “display: none” within “#toolbar-top” . This will remove the book’s “chapter control device” from the HTML output.

Yes you can but what you are trying to do is a bit radical. I am assuming this is for HTML export.
Don’t expect it to work for the app itself.

Go to Styles > Custom Styles tab > Add Style …

The problem is that you are trying to select is an ID and Custom Styles is setup to create a class. So it will create .#toolbar-top

But if you target the class navigation-top it can all be done in SAB. So create the class navigation-top

The attribute Display is there but none is not in the list, but you can type it in.

That seems to achieve what you want for HTML.

Thanks! That worked perfectly. Your guidance also provided me with the knowledge necessary to move the “audio player” to the top:

.navigation-top {
    display: none;

.audio-player {
    background: #FFFFFF;
    border-top: 1px solid #DDD;
    -moz-box-shadow: 0 -5px 5px -5px #CCC;
    -webkit-box-shadow: 0 -5px 5px -5px #CCC;
    box-shadow: 0 -5px 5px -5px #CCC;
    top: 0px;
    width: 100%;
    position: fixed;
    text-align: center;