Patching up the Presentation Mode

Customization Look what I built
1

The current state of the Presentation Mode is, unfortunately, quite underwhelming.
However, a large part of it can be fixed by simply adding some custom CSS.

.reveal {
    
    & .embedded {
    aspect-ratio: 16/9;
    height: auto!important;
    }
    
    & ol ol {
        list-style-type: upper-roman;
        
        & ol {
            list-style-type: lower-latin;
        }
    }
}

The above will:

  • Fix the rendering of the preview window
  • Style the first three levels of nested ordered lists differently.

Before:

Screenshot from 2024-12-14 16-47-31
Screenshot from 2024-12-14 16-47-311920×1080 111 KB

After:

Screenshot from 2024-12-14 16-48-21
Screenshot from 2024-12-14 16-48-211920×1080 113 KB

4

Amazing work @y_p, THANK YOU! :pray:

I’m about to give some presentations with Logseq, so these snippets come right in time.

@tienson @Charlie it would be nice if this were part of Logseq natively.

6

Pretty cool! Do you think you could publish this as a plugin? It’d probably get way more attention!

8

Hi
newbie there
where would you put that css ?

1 Like