# Footnotes rendered different for .org files, compared to markdown source

**URL:** <https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415>\
**Category:** support\
**Tags:** footnotes\
**Created:** [August 25, 2019, 9:47am UTC](https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415 "2019-08-25T09:47:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![RealBruceWayne](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/realbrucewayne/32/7945_2.png) [@RealBruceWayne](https://discourse.gohugo.io/u/RealBruceWayne)\
**Post date:** [August 25, 2019, 9:47am UTC](https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415/1 "2019-08-25T09:47:22Z")

</div>

Tried it with different themes, same behavior. While footnotes are rendered alright from markdown source (first pic), when switching to .org files (same content), the footnotes are having an extra line between their number and the actual content of the footnote (second pic), which… isn’t quite alright.

Does anyone knows what’s causing this and how can I make my footnotes look the same for org-mode files and markdown? Or a trick to remove that extra line from org-mode footnotes render? I’m using the latest Hugo release (v0.57.2).

 ![fn](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/0/091135518d9e22ca32f51ca3ea520d98e2f58276.png)

---

<div class="post-metadata">

**Author:** ![Grob](https://avatars.discourse-cdn.com/v4/letter/g/f14d63/32.png) [@Grob](https://discourse.gohugo.io/u/Grob)\
**Post date:** [August 25, 2019, 3:03pm UTC](https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415/2 "2019-08-25T15:03:59Z")

</div>

Hi!

Different parsers render footnotes differently—also different markdown parsers (Mmark, Blackfriday, Pandoc …), mainly because footnotes are not part of the original markdown.

There are some solutions:

1. You can style your footnotes using CSS. If you have

2. You could use the [replaceRE function](https://gohugo.io/functions/replacere/) to search and replace parts of the footnote HTML code. This can be tricky, of course.

* * *

In addition:

There are some [footnote related settings](https://gohugo.io/getting-started/configuration/):

- `footnoteAnchorPrefix`
- `footnoteReturnLinkContents`

---

<div class="post-metadata">

**Author:** ![RealBruceWayne](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/realbrucewayne/32/7945_2.png) [@RealBruceWayne](https://discourse.gohugo.io/u/RealBruceWayne)\
**Post date:** [August 25, 2019, 8:25pm UTC](https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415/3 "2019-08-25T20:25:40Z")

</div>

I wasn’t able to implement any of the above solutions.

But the good news is that I’m starting to explore ox-hugo package for Emacs and that would probably be a better way of handling the whole website.

---

<div class="post-metadata">

**Author:** ![rlridenour](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rlridenour/32/18669_2.png) [@rlridenour](https://discourse.gohugo.io/u/rlridenour)\
**Post date:** [January 25, 2023, 11:23am UTC](https://discourse.gohugo.io/t/footnotes-rendered-different-for-org-files-compared-to-markdown-source/20415/4 "2023-01-25T11:23:19Z")

</div>

In case anyone else searches for an answer, this is the best that I’ve done in CSS so far:

```auto
.footnote-definition {
  display: block;
}

.footnote-body {
  display: inline-block;
}

```