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¶

conf.py¶

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

custom.css¶

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