luizdepra / hugo-coder

A minimalist blog theme for hugo.
MIT License
2.69k stars 1.06k forks source link

Ordered Lists are not displayed correctly #893

Open purbaneck opened 7 months ago

purbaneck commented 7 months ago

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 commented 1 month ago

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.