Assign default CSS class to lists using obsidan.css? (Reveal.js "Fragments" in Presentation view)

Things I have tried

I am trying to make slide presentations using the reveal.js integration in Obsidian.

My main needs are:

  1. Left-aligned lists
  2. List elements that appear one by one

I figured out how to make the default Obsidian markdown unordered lists left-align by creating the obsidian.css file with the following

.reveal ul {
display: block;
text-align: left;

I can make individual list elements appear in presentation by adding in-line code to each list item

<ul class=“fragment”>- List item 1 </ul>

What I’m trying to do

What I would like is something I can put in the obsidan.css file that makes every list item a “fragment” class by default during presentation view, so I don’t have to do it for every single one.

Just use CSS snippets and apply your own css.


Could you point me to an explanation or how-to around that?

I’m have ever so slightly more than zero knowledge about CSS, let alone “snippets”

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.