Modify SideToc plugin css style sheet

Dear community:, I installed the lovely SideToc but I would like to modify its style. Up to plugin description there is a sidetoc.less file that can be tweaked ( I would like to change font style and size) but not sure how to perform such modification once the plugin is installed.

Sorry for the dummy question.


The plugin author is @shimizu_tatsuya

Check out the documentation on how to tweak the style:

You can edit styles.less instead of sidetoc.less.

Thanks a lot, I was able to create easily a tweak to the main style to have the sidetoc with the right font size for my laptop.

In the styles.less I include the definition of the sidetoc-pane and include the font definition (size and font style).

.sidetoc-pane {
  padding: var(--inkdrop-sidetoc-padding);
  min-width: var(--inkdrop-sidetoc-width);
  max-width: var(--inkdrop-sidetoc-width);
  li {
    padding-left: 12px;
    line-height: 180%;
    list-style: none;
    word-break: break-all;
    font:normal 0.6em serif;

Thanks a lot.

1 Like