# Having Trouble with Type Styles and Numbered Lists In Markdown

**URL:** <https://forums.realmacsoftware.com/t/having-trouble-with-type-styles-and-numbered-lists-in-markdown/53501>\
**Category:** Elements\
**Created:** [January 5, 2026, 9:40pm UTC](https://forums.realmacsoftware.com/t/having-trouble-with-type-styles-and-numbered-lists-in-markdown/53501 "2026-01-05T21:40:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Christ2RCulture](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/christ2rculture/32/14040_2.png) [@Christ2RCulture](https://forums.realmacsoftware.com/u/Christ2RCulture)\
**Post date:** [January 5, 2026, 9:40pm UTC](https://forums.realmacsoftware.com/t/having-trouble-with-type-styles-and-numbered-lists-in-markdown/53501/1 "2026-01-05T21:40:17Z")

</div>

I added some code to the CSS section of my blog to enable it to display numbered lists and highlight things. The code was shared with me by a helpful hand on the forum.

The downside is that I can no longer use number lists in markdown files. In addition, the type style in my bulleted list is different from the plain text. I am not sure what I did or how to correct it. Does anybody know CSS to know if this messed things up or how it can be fixed so the numbered lists and regular text have the same type style?

```auto
[&_ul]:list-disc
[&_ul]:pl-4
[&_ul]:mt-3
[&_ul]:mb-3
[&_ul_li]:my-1
[&_ul_li]:marker:text-gray-500
[&_ul_a]:text-blue-600
[&_ul_a:hover]:text-blue-800

```

* * *

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 5, 2026, 10:46pm UTC](https://forums.realmacsoftware.com/t/having-trouble-with-type-styles-and-numbered-lists-in-markdown/53501/2 "2026-01-05T22:46:18Z")

</div>

You can style numbered (ordered lists) with this code, for example:

```auto
[&_ol]:list-decimal
[&_ol]:pl-4
[&_ol]:mt-3
[&_ol]:mb-3
[&_ol_li]:my-1
[&_ol_li]:marker:text-gray-500
[&_ol_a]:text-blue-600
[&_ol_a:hover]:text-blue-800

```

If you let us know exactly what you want things to look like, we should be able to help further 🙂

Tip. If you want instant help, you can ask ChatGPT for html/tailwind code, it’s especially good at this stuff!

---

<div class="post-metadata">

**Author:** ![Christ2RCulture](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/christ2rculture/32/14040_2.png) [@Christ2RCulture](https://forums.realmacsoftware.com/u/Christ2RCulture)\
**Post date:** [January 5, 2026, 11:09pm UTC](https://forums.realmacsoftware.com/t/having-trouble-with-type-styles-and-numbered-lists-in-markdown/53501/3 "2026-01-05T23:09:56Z")

</div>

That is great! I will give it a try!

After looking at things more closely on my big screen, the description text is grey. The bullet point text is black. It would be nice to get them the same color.

I will check out ChatGPT!

Because of God’s mercy through Jesus,