Adding header and footers

Support
6

Just edit the content text, colours, fonts, sizes etc. to what you require and place the css in your userstyle.css file. Then fully quit Joplin (File > Quit) and restart.

 .exported-note::before {
      font-family: 'Roboto Mono';
      font-size: 10px;
      color: darkgrey;
      display: block;
      text-align: right;
      content: 'This is the header text';
}
 .exported-note::after {
      font-family: 'Roboto Mono';
      font-size: 10px;
      color: darkgrey;
      display: block;
      text-align: right;
      border-top: 1px solid darkgrey;
      content: 'This is the footer text';
}

As stated in the linked post this method is very limited as to what it can do. The header will be at the top of the exported note and the footer at the very end. For long notes they will not appear on every page. They are also "fixed" for every note exported; you cannot have per-note values.

1 Like