Lists are not rendered correctly | Astro Lounge | Page 1

cedar tiger Oct 2, 2025, 10:24 PM

#

I'm not sure of this is intended but having lists doesn't render them with a dot before it. Is this intended and I have to stlye that myself with CSS?

I don't think I have a CSS reset somewhere and it even is like this for other browser.s

raven lagoon Oct 2, 2025, 11:26 PM

#

Hi! If this is just normal Astro, it shouldn't be adding any CSS. Maybe you're using an UI library which includes a reset?

#

Actually, just to be sure, could you paste the output of npm run astro info in here?

cedar tiger Oct 3, 2025, 8:33 AM

#

Its starlight 😅

cedar tiger Oct 3, 2025, 8:33 AM

#

raven lagoon Actually, just to be sure, could you paste the output of `npm run astro info` in...

Sure

raven lagoon Oct 3, 2025, 8:36 AM

#

cedar tiger Its starlight 😅

Ah! Fair enough, couldn't tell from the screenshot and missed the tag.

cedar tiger Oct 3, 2025, 8:40 AM

#

No worries

left stag Oct 3, 2025, 10:55 AM

#

If you are using VSCode, can you maybe try opening the Preview of the markdown file to validate if all the markdown correct (you should also see the dots in the preview). If the preview is correct, we can be sure that from the Markdown side, it is correct.

Could you also please share the location of your file relative to the root of the project? Is the markdown file inside src/content/docs/<folder>/<name>.md?

And please share the output of npm run astro info like Lou already suggested, then we know which versions you are using 🙌

cedar tiger Oct 3, 2025, 11:01 AM

#

well, I'm using mdx.
Version Info:

Astro                    v5.14.0
Node                     v22.18.0
System                   macOS (arm64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             @astrojs/starlight (v0.36.0)
                         @astrojs/sitemap (v3.6.0)

#

And you can view the code yourself, it's on Github.
Another example: https://docs.ticketon.app/getting-started/#features
Code: https://github.com/The-LukeZ/ticketon-docs/blob/main/src/content/docs/getting-started.mdx#features

#

Fun fact, if you inspect the elements, you can see the following:

raven lagoon Oct 3, 2025, 11:07 AM

#

Taking a look at your package.json, I'm pretty sure this reset comes from Tailwind?

cedar tiger Oct 3, 2025, 11:08 AM

#

I can remove it. lemme check

#

what should I remove from my global.css? 😅

raven lagoon Oct 3, 2025, 11:09 AM

#

The @import statements I believe?

#

I don't use tailwind anymore, I just know they have pretty big resets

cedar tiger Oct 3, 2025, 11:09 AM

#

oh, yeah the tailwind import is doing it.

#

thing is, I still want to use tailwind so I have to make my own style for lists I believe.

raven lagoon Oct 3, 2025, 11:11 AM

#

Wait, I think you can disable the preflight (resets) somehow

cedar tiger Oct 3, 2025, 11:11 AM

#

I have to look that up.

#

aah, found it.
https://tailwindcss.com/docs/preflight#disabling-preflight

raven lagoon Oct 3, 2025, 11:13 AM

#

Otherwise, you can probably just overwrite that specific styling if everything else works for you

cedar tiger Oct 3, 2025, 11:14 AM

#

I found out, this is more difficult than expected, because many elements on the page are ul elements. So I disabled the preflight and it works fine now 👍

#

Thanks lads ^^

slender drumBOT Oct 3, 2025, 11:14 AM

#

If your issue is resolved, please help by doing the following two steps:

From the ellipses (3-dot menu) in the top-right corner of the post (not the first message), edit the tags to include the Solved tag.
From the same ellipses, select Close Post.
Your post will still be available to search and can be re-opened simply by replying in it. Closing a post moves it down with older posts, so we can more easily focus on issues that still need to be resolved.
Thank you for your help!

#Lists are not rendered correctly