Although the default “Styled HTML” template is nice and functional, you may want to customize its CSS in order to add your own branding or to make minor style changes. To do so:
-
Open the templates dialog in
Menu > More... > Templates
. -
Select the “Styled HTML” template and click on the
Copy
button. -
Name the copy with your own template name, “My styled template” for instance.
-
At the end of the
<head>
section (before the closing</head>
), add the following lines:<style> body { background-color: linen; } </style>
-
Click OK to save.
Now you can use your new template while exporting your files. For example, to export your current file as an HTML file, open the export dialog in Menu > Export to disk > Export as HTML
, select your new template in the list and click OK.
If you just want your exports to use an existing CSS file publicly available, just replace the <style>
element you’ve added by the following:
<link rel="stylesheet" href="https://hostname/path/to/my-style.css" />