customizing-design-simply.rst

Customizing design simply

When using bundled theme, you can customze design by adding custom CSS.

Example: Disable transform style in header text

Some of reveal.js bundled themes (ex: black ) set uppercase in text-transform of heading texts. You can add extra custom CSS to use other settings.

Source

revealjs_css_files = [
    "revealjs4/plugin/highlight/zenburn.css",
    "custom.css",
]

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
   text-transform: none;
}