# More sophisticated bullet points

**URL:** <https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062>\
**Category:** Help\
**Created:** [May 27, 2022, 8:31am UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062 "2022-05-27T08:31:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Spartan\_law](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/s/bbce88/32.png) [@Spartan\_law](https://forum.obsidian.md/u/Spartan_law)\
**Post date:** [May 27, 2022, 8:31am UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/1 "2022-05-27T08:31:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![CawlinTeffid](https://forum.obsidian.md/user_avatar/forum.obsidian.md/cawlinteffid/32/82899_2.png) [@CawlinTeffid](https://forum.obsidian.md/u/CawlinTeffid)\
**Post date:** [May 27, 2022, 8:57am UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/2 "2022-05-27T08:57:53Z")

</div>

That is indeed something you can do with CSS: [list-style-type - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type)

---

<div class="post-metadata">

**Author:** ![Spartan\_law](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/s/bbce88/32.png) [@Spartan\_law](https://forum.obsidian.md/u/Spartan_law)\
**Post date:** [May 27, 2022, 4:33pm UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/3 "2022-05-27T16:33:34Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![CawlinTeffid](https://forum.obsidian.md/user_avatar/forum.obsidian.md/cawlinteffid/32/82899_2.png) [@CawlinTeffid](https://forum.obsidian.md/u/CawlinTeffid)\
**Post date:** [May 27, 2022, 7:28pm UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/4 "2022-05-27T19:28:08Z")

</div>

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](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978):
>
> 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)](https://forum.obsidian.md/t/andy-matuschak-mode-v2-7-updated-for-0-7-new-panes/170/31)[Bullet Point Relationship Lines](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/2)[Collapsible Sidebars](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/3)[Block Cursor](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/9)[Auto-fade Note Controls](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/10)[Tag Pills](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/13)[Vim mode with line focus](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/17)[Naked Embeds](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/19?8u=lizardmenfromspace)[Text Hyphenation and Justification](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/25)[Enlarge Im…](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/29)

> [@"How to achieve" CSS code snippets](https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474):
>
> 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](https://forum.obsidian.md/t/getting-comfortable-with-obsidian-css/133):
>
> 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. 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](https://forum.obsidian.md/t/common-selectors/1984):
>
> Will be adding Selectors to this Post Structure of Selectors [Workspace](https://forum.obsidian.md/t/common-selectors/1984/2)[Left Ribbon](https://forum.obsidian.md/t/common-selectors/1984/3)[Collapse / Open Icon](https://forum.obsidian.md/t/common-selectors/1984/9)[Plugin Icons](https://forum.obsidian.md/t/common-selectors/1984/10)[Bottom Icons](https://forum.obsidian.md/t/common-selectors/1984/11) 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 …

---

<div class="post-metadata">

**Author:** ![Klaas](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/k/ecc23a/32.png) [@Klaas](https://forum.obsidian.md/u/Klaas)\
**Post date:** [May 28, 2022, 3:27pm UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/5 "2022-05-28T15:27:11Z")

</div>

@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.

---

<div class="post-metadata">

**Author:** ![system](https://forum.obsidian.md/uploads/default/original/3X/b/e/bec35fbd23ab28909bb6bfe62cb32eb82dd34019.png) [@system](https://forum.obsidian.md/u/system)\
**Post date:** [August 26, 2022, 3:27pm UTC](https://forum.obsidian.md/t/more-sophisticated-bullet-points/38062/6 "2022-08-26T15:27:53Z")

</div>

Closed on August 26, 2022, 3:27pm UTC

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