How to import external css file

[saitatter]

How can I import in the html render node file an external css (a child note).

[dosubot[bot]]

Trilium doesn't support importing a child note as an external CSS file into an HTML render node using a <link> tag or similar mechanism. To style your rendered HTML, you need to embed your CSS directly inside a <style> tag within the HTML code of your child note. For example:

<style>
  /* Your CSS here */
  body { background: #f0f0f0; }
  h1 { color: #3366cc; }
</style>
<div>
  <h1>Hello, Trilium!</h1>
  <p>This note uses custom CSS.</p>
</div>

This HTML should go in your child note of type Code -> HTML, which is linked to your Render Note via the renderNote relation. All CSS must be included inline in the HTML code—there's no built-in way to reference another note's content as an external stylesheet in the rendered HTML. For more details, see this explanation.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[eliandoran]

You can also create a CSS note and assign #appCss to it. it will apply globally, but if you get your class names unique, it works.