search

bennetthardwick / simple-dev-blog-zola-starter

A simple dev-blog theme for Zola.
MIT License
49 stars 24 forks source link

Feature request: css styling for footnotes #6

Closed Lucretiel closed 4 years ago

Lucretiel commented 4 years ago

Currently, zola (via pulldown-cmark) will generate footnotes from your markdown, at the end of the content. The footnote is rendered like this:

<div class="footnote-definition" id="1">
    <sup class="footnote-definition-label">1</sup>
    <p>This is a footnote.</p>
</div>

(though see also https://github.com/raphlinus/pulldown-cmark/issues/464)

If possible it'd be nice to have this be styled more like a footnote; in particular, the current (lack of) css makes the alignment out of whack image

bennetthardwick commented 4 years ago

Boy, they make it hard to style the footnotes! I tried my best to make it look like how hugo renders. Here's the preview, if you have any CSS suggestions feel free to make a PR or let me know - I'm not much of a designer.

Lucretiel commented 4 years ago

Sure, I'll see what I can do. I agree, I was also having trouble styling them but I am also not much of a css author. Hoping that if https://github.com/raphlinus/pulldown-cmark/issues/464 lands it'll be easier.