Tim Mattison

CSS to make Notion sites look better on super.so

Originally posted on 2024-01-17

I was having trouble getting my code blocks to show up on my site and the people at super.so gave me this CSS that fixed it. If you’re seeing washed out code blocks in your site you can use this CSS:

.notion-code code, .notion-code pre {
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    text-align: left;
    word-spacing: normal;
    word-break: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    hyphens: none;
    background: white !important;
}