How to use your own CSS

If you place a file in the same path as your talk, with the same name as your talk, and only replace the .md suffix by .css. Then the rendering engine will use this file: https://github.com/bast/cicero/blob/main/cicero/templates/render.html#L11-L13

In other words, if your talk is called mytalk.md and you want to customize CSS, place a file called mytalk.css in the same place as your mytalk.md.

With this you can even override CSS directives and style your slides to your heart’s content.

Example: https://github.com/bast/cicero/tree/main/demo/remark/styling

Images

You can either include images the Markdown way:

![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")

![alt text](path/myimage.jpg "Local image")

or the HTML way:

<img src="file.jpg" style="height: 450px;"/>

Background image

remark

Setting and changing the background image is nicely documented here: https://github.com/gnab/remark/wiki/Markdown#background-image

How to customize everything

You want to change looks and fonts? CSS is not enough? Perhaps you need an external JavaScript library?

You can place *.head.html and/or *.body.html alongside your *.md slides. In these files you can do and change almost everything: https://github.com/bast/cicero/blob/main/cicero/templates/render.html.

To get inspired of what is in these by default and what can be changed, please browse https://github.com/bast/cicero/tree/main/cicero/static/engines.