@BitterlyIndifferent
Your solution is SugarCube specific, it won’t work for Harlowe,
@TomAClem
If you use your web-browser’s Web Development Tools to Inspect the HTML element structure of a Harlowe based project (with startup, header & footer tagged Passages) you will see that the elements that make up the main ‘story’ area look something like.
<tw-story tags="">
<tw-passage tags="">
<tw-sidebar>
<tw-icon tabindex="0" class="undo" title="Undo" style="visibility: hidden;">↶</tw-icon>
<tw-icon tabindex="0" class="redo" title="Redo" style="visibility: hidden;">↷</tw-icon>
</tw-sidebar>
<tw-include type="startup" title="Startup" data-raw=""></tw-include>
<tw-include type="header" title="Passage Header" data-raw=""></tw-include>
...The content of the Passage...
<tw-include type="footer" title="Passage Footer" data-raw=""></tw-include>
</tw-passage>
</tw-story>
As you can see the ‘sidebar’ section of the passage area consists of a parent <tw-sidebar>
element that contains two child <tw-icon>
elements. So as shown by @Pace if you want to only hide the child elements and not the parent element then you will need to use CSS like the following within your project’s Story Stylesheet area.
tw-sidebar tw-icon {
display: none;
}