Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ordered Lists are not displayed correctly #893

Open
purbaneck opened this issue Feb 8, 2024 · 1 comment
Open

Ordered Lists are not displayed correctly #893

purbaneck opened this issue Feb 8, 2024 · 1 comment

Comments

@purbaneck
Copy link

Hi!

Since one of my last page updates, the ordered and unordered lists no longer work. I'm pretty sure I haven't changed anything in the CSS files regarding the lists, but they are now displayed without the bullets or numbers. The only thing I did was to change the page width per this helpful instruction.

One example: In my privacy notice, I wrote the following in markdown:

When you contact me, e.g. by e-mail, you usually transmit the following personal data to me:

- Your name;
- Your telephone number;
- Your email address;
- your IP address; and
- so-called metadata, which typically accrue when sending an e-mail.

The compiled HTML-Code looks good:

<p>When you contact me, e.g. by e-mail, you usually transmit the following personal data to me:</p>
<ul>
<li>Your name;</li>
<li>Your telephone number;</li>
<li>Your email address;</li>
<li>your IP address; and</li>
<li>so-called metadata, which typically accrue when sending an e-mail.</li>
</ul>

But the result is that the text is just indented but without any bullet before it. It's the same with the ordered lists. No numbers are shown, only indented text. I've tried it with Google Chrome and Safari on MacOS.

Sorry if this question exposes me as the total newbie but I don't know where to look in the CSS files.

Thank you!

@purbaneck
Copy link
Author

Solved it!

In coder.css, the following entry caused the error:

li {
  display: inline-block;
  margin: 0.9rem; }

I deleted

display: inline-block;

and now it works fine again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant