Horizontal line of footnote block

[Svitman]

Hi!

I use Obsidian on Android and I’ve changed vertical space before and after horizontal line via custom css.

/* horizontal line; */
hr {
  margin-top: 4em;
  margin-bottom: 0em;
}

Unfortunately it breaks footnotes block at the bottom of note, it is misspaced now (see screenshot).

How to shift footnote block some down relative to horizontal line?

Thank you in advance!

[dawni]

Something other than (or in addition to) your CSS is causing that. In the default theme, your CSS looks like this:

If you can figure out which theme, plugin, or other CSS is causing it, someone might be able to write a snippet to fix it. Or you might consider not using that add-on.

[Svitman]

@dawni

which theme, plugin, or other CSS

I specially turned of all 3d party plugins and themes to find it out.

And after it in default theme I get the same result (see screenshot). Just remind you I’m using Android, and my routine theme is “Minimal”. But in defaul one there’s the same issue.

[ariehen]

@Svitman

I specially turned of all 3d party plugins and themes to find it out.

All other CSS snippets disabled as well?

---

The same as @dawni, I don’t see any issues on my end using your original snippet.

That said, hr alone isn’t that specific. Adding (for example) border-color: red to the original, you can see changes in the UI (color and margins) where you probably don’t want them.

---

Maybe try to be a bit more specific with it? e.g.

.markdown-rendered hr {
  margin-top: 4em;
  margin-bottom: 0em;
  border-color: red;
}

.footnotes hr {
  margin-top: 4em;
  margin-bottom: 1.5em;
  border-color: blue;
}

Reading view:

[Svitman]

@ariehen

more specific

Your awesome CSS magic works! Adding specific .markdown-rendered hr and .footnotes hr solves the issue.
Very thank your!