SAB - sab-stylesheet.css

Reading App Builder
1

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.

2

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.

3

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;
}