More sophisticated bullet points

[Spartan_law]

Hi guys!

I am looking for a plug- in for more sophisticated bullet points.

E.g. like this:

A.,B.,C.
I.,II.,III.
1.,2.,3.
a),b),c)
aa), bb), cc)
(1), (2), (3)
(a),(b),(c)
etc.

Is it possible to integrate smth like this via css snippet?

Thanks a lot!

Things I have tried

What I’m trying to do

[CawlinTeffid]

That is indeed something you can do with CSS: list-style-type - CSS: Cascading Style Sheets | MDN

[Spartan_law]

Thanks a lot for your quick reply! Unfortunately I have no idea how to create a css snippet. Is there an existing one ready for download?
Thanks!

[CawlinTeffid]

I don’t know. Try searching the forum for list css.

These threads might help but will probably require digging:

Meta Post - Common CSS Hacks

Hi, I want to start collecting common CSS hacks for people to reference. If the hack you’ve come across isn’t particularly large then go ahead and use the format Title Version it last worked with Code Otherwise just post a link and I will maintain a list Andy Matuschak mode - V2.7 (updated for 0.7+ new panes) Bullet Point Relationship Lines Collapsible Sidebars Block Cursor Auto-fade Note Controls Tag Pills Vim mode with line focus Naked Embeds Text Hyphenation and Justification Enlarge Im…

"How to achieve" CSS code snippets

As a CSS newbie I have to frequently ask fellow Obsidianites what code to use to achieve a certain effect in my custom CSS sheet. I have made a habit of collecting these habits, and, to make them more easily searchable, I transferred them to …… you guessed it: an MD file. I thought it might be useful to share this with others, who can then add their own snippets, which I can add to the file. I have categorized the snippets on the basis of what they are used for, and have added # headers. You…

Getting comfortable with Obsidian CSS

While using Obsidian, if you press CTRL-SHIFT-I (option-cmd-i for mac) then it will bring up the developer window. In the developer window, at the top left is an icon with a pointer in a box. This allows you to select elements on the screen and see how to refer to them and what styles. I will occasionally update this post with more pictures of how to do stuff. [Developer Tool] You can hover over items to see what they do and then click on an item to select it. Then go down to the styles secti…

Common Selectors for Custom CSS

Will be adding Selectors to this Post Structure of Selectors Workspace Left Ribbon Collapse / Open Icon Plugin Icons Bottom Icons Right Ribbon Left Sidebar File Explorer Search Star Notes Notes Panes Main Content Title Bar Preview Mode Editor Mode Right Sidebar Collapse / Open Icon Tags Pane Back-links Pane Notes Pane Understanding HTML Attributes As Silver stated, workspace-leaf-content have a data-type (e.g. “markdown”) and they also have a data-mode="preview" when in preview …

[Klaas]

@Spartan_law in essence a snippet is nothing more than a text file in which style instructions for the app are written in a special language called CSS (cascading style sheets).

The syntax for those instructions needs to be done in a certain way.

When ready, the file is saved as a .css file in a subfolder of the .obsidian folder of Obsidian. That subfolder is called snippets, and that is where Obsidian looks tfor snippets.

The sources that @CawlinTeffid mentions will put you well on your way. Furthermore, you can always ask in the #appearance channel on Discord, there are some amazing experts.