Would it be helpful to add a note about customizing styles in the docs? #99

pearmini · 2025-10-23T18:10:11Z

pearmini
Oct 23, 2025

Hi, I’m so excited about Observable Notebook Kit! However, I ran into a small problem when trying to customize styles.

I wanted to apply the following custom styles:

blockquote, ol, ul {
  max-width: unset !important;
}

My first thought was to write:

<!DOCTYPE html>
<notebook>
  <title>Hello, world!</title>
  <style>
    blockquote, ol, ul {
      max-width: unset !important;
    }
  </style>
</notebook>

But it didn’t work. Instead, I customized the page template—and that worked! After reading the documentation source code, I realized I could add custom styles directly inside Markdown cell like this:

<!DOCTYPE html>
<notebook>
  <title>Hello, world!</title>
  <script type="text/markdown">
    <style>
      blockquote, ol, ul {
        max-width: unset !important;
      }
    </style>
  </script>
</notebook>

Everything works perfectly now! 🎉 I'm wondering if it might be helpful to mention this method in the documentation—especially for beginners like me.

Thanks for the great work!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Would it be helpful to add a note about customizing styles in the docs? #99

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Would it be helpful to add a note about customizing styles in the docs? #99

Uh oh!

Uh oh!

pearmini Oct 23, 2025

Replies: 0 comments

pearmini
Oct 23, 2025