CODEWITHSUNDEEP
markdownhugo
Will Hanley
Will Hanley

Reputation: 525

Markdown lists missing numbers/bullets in Hugo

I'm making a site using the parsa hugo theme. It's working fine, except that markdown lists (both ordered and unordered) are rendering without numbers or bullet points.

Markdown (type: "post" in the header):

enter image description here

Renders thus:

enter image description here

I have looked around in the theme, without much success. I imagine that I have to change something in css, but I don't know where. I've played around with [markup] settings in the config.toml file, without success.

I doubt this, but could it have to do with forestry/netlify? They are recommended as the installation path. I'm just running hugo to view the site locally, without forestry or netifly.

Upvotes: 1

Views: 1719

Answers (1)

Will Hanley
Will Hanley

Reputation: 525

I figured this out thanks to a post on the hugo forum.

I needed to make some changes to the theme's style.css file. In CSS, I learned, ul means unordered list, and ol means ordered list.

The file said

ol,
ul {
  list-style-type: none;
  margin: 0px;
}

I changed list-style-type to what I needed, using this list from w3schools. I needed only the most basic settings:

ol {
  list-style-type: decimal;
  margin: 0px;
}

ul {
  list-style-type: disc;
  margin: 0px;
}

Upvotes: 3

Related Questions