# Auto-collapse Backlinks at the bottom of page

**URL:** <https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520>\
**Category:** Help\
**Tags:** internal-links\
**Created:** [May 27, 2024, 11:38am UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520 "2024-05-27T11:38:59Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeedsMoreGrey](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/6f9a4e/32.png) [@NeedsMoreGrey](https://forum.obsidian.md/u/NeedsMoreGrey)\
**Post date:** [May 27, 2024, 11:38am UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/1 "2024-05-27T11:38:59Z")

</div>

### What I’m trying to do

The Backlinks at the bottom of each page are immensely helpful, but now that I’ve built up a bit of a library I have sections with 100+ linked mentions at the bottom.

It seems like it should be a really simple thing to toggle these to be auto-collapsed. But every help thread I’ve seen people just want to hide the backlinks completely.

Inspecting the CSS, I can see that there is a class for it being toggled, so being able to have it toggled is-collapsed by default seems like it should be easy.

### Things I have tried

Searching the forums, looking at the core plugin settings.

---

<div class="post-metadata">

**Author:** ![harr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/harr/32/68498_2.png) [@harr](https://forum.obsidian.md/u/harr)\
**Post date:** [May 28, 2024, 2:16am UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/2 "2024-05-28T02:16:53Z")

</div>

I’m missing this feature too. It should be a second setting in the [plugin options](https://help.obsidian.md/Plugins/Backlinks#Show+backlinks+in+a+note).

The current setting lets us only choose, _if_ we want to see the backlinks section. A future setting would let us choose, _how_ it should be displayed.

I’d also prefer a folded view, that only shows the names of the backlinking notes.

---

<div class="post-metadata">

**Author:** ![NeedsMoreGrey](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/6f9a4e/32.png) [@NeedsMoreGrey](https://forum.obsidian.md/u/NeedsMoreGrey)\
**Post date:** [May 28, 2024, 1:16pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/3 "2024-05-28T13:16:29Z")

</div>

So this feature is implemented but not displayed? Or this feature is not implemented?

---

<div class="post-metadata">

**Author:** ![harr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/harr/32/68498_2.png) [@harr](https://forum.obsidian.md/u/harr)\
**Post date:** [May 28, 2024, 1:55pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/4 "2024-05-28T13:55:30Z")

</div>

The feature is neither implemented nor displayed AFAIK.

Currently we have only this option:

 ![a](https://forum.obsidian.md/uploads/default/original/3X/3/0/30da9757637b499098bf293e1d94d73aa7371118.png)

It opens notes with backlinks at the bottom, that look like this:

 ![c](https://forum.obsidian.md/uploads/default/original/3X/e/a/eab282e186e42d1f5dcb866a2ad2a307f8a34a15.png)

I wish we had an option that would display the backlinks by default like this:

 ![b](https://forum.obsidian.md/uploads/default/original/3X/0/a/0a4bdedc3b1b2bea7986ecbe9b2b76213b456aed.png)

---

<div class="post-metadata">

**Author:** ![NeedsMoreGrey](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/n/6f9a4e/32.png) [@NeedsMoreGrey](https://forum.obsidian.md/u/NeedsMoreGrey)\
**Post date:** [May 28, 2024, 3:23pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/5 "2024-05-28T15:23:14Z")

</div>

Thanks for the clarification.

I agree, that is exactly what I would like, I have notes with 100+ backlinks and having the list is really useful but having an expanded list of linked mentions makes it visually noise and difficult to navigate.

* * *

**p.s.** As this has no solution, should I mark your answer as being the solution? I’m not sure what the etiquette is on these forums.

---

<div class="post-metadata">

**Author:** ![harr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/harr/32/68498_2.png) [@harr](https://forum.obsidian.md/u/harr)\
**Post date:** [May 28, 2024, 7:44pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/6 "2024-05-28T19:44:58Z")

</div>

I don’t know either. Just leave it as unresolved, I guess?

I added the screenshots just for clarification and future reference. Maybe someone feels inspired and programs the feature. 😃

---

<div class="post-metadata">

**Author:** ![holroy](https://forum.obsidian.md/user_avatar/forum.obsidian.md/holroy/32/77699_2.png) [@holroy](https://forum.obsidian.md/u/holroy)\
**Post date:** [May 28, 2024, 7:54pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/7 "2024-05-28T19:54:13Z")

</div>

Without looking too much into this, one possible idea could be to hide all the content, and only display it when hovering over the corresponding title.

That should be doable with some rather simple CSS, I think.

---

<div class="post-metadata">

**Author:** ![harr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/harr/32/68498_2.png) [@harr](https://forum.obsidian.md/u/harr)\
**Post date:** [May 28, 2024, 9:21pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/8 "2024-05-28T21:21:22Z")

</div>

Hiding is simple. Here you go:

```css
.embedded-backlinks .search-result-container .search-result-file-matches {
	box-shadow: none;
}

.embedded-backlinks .nav-header,
.embedded-backlinks .tree-item-self .tree-item-flair-outer,
.embedded-backlinks .search-result-container .search-result-file-title .collapse-icon,
.embedded-backlinks .search-result-container .search-result-file-title .tree-item-flair-outer,
.embedded-backlinks .search-result-container .search-result-file-match {
	display: none;
}

```

It looks like this:

 ![a](https://forum.obsidian.md/uploads/default/original/3X/f/e/fe84fb5cdb654ae4fa6c0b5ea52eb0a127ba5abd.png)

Hovering is above my pay-grade. 😇

---

<div class="post-metadata">

**Author:** ![holroy](https://forum.obsidian.md/user_avatar/forum.obsidian.md/holroy/32/77699_2.png) [@holroy](https://forum.obsidian.md/u/holroy)\
**Post date:** [May 28, 2024, 10:28pm UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/9 "2024-05-28T22:28:23Z")

</div>

> [@harr](#):
>
> Hovering is above my pay-grade. 😇

Hehe… just use the same selectors and add `:hover` (with no spaces after each selector), and use `display: inherit` or similar within.

---

<div class="post-metadata">

**Author:** ![harr](https://forum.obsidian.md/user_avatar/forum.obsidian.md/harr/32/68498_2.png) [@harr](https://forum.obsidian.md/u/harr)\
**Post date:** [May 29, 2024, 8:38am UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/10 "2024-05-29T08:38:40Z")

</div>

The original code seems to catch `:hover` events with Javascript.

The current CSS is good enough for me. Even with some elements hidden, hovering the mouse still highlights individual search results and clicking with the mouse still opens the linked note.

![hidden](https://forum.obsidian.md/uploads/default/original/3X/0/9/09e0e73c4be43a21949aff4584ed2d06b1d46373.gif)

I had a similar problem as OP with 100+ backlinks in some notes. Removing the noise, but keeping links active, solved it for me.

If anybody knows more sophisticated solutions, please post!

Edit: GIF added

---

<div class="post-metadata">

**Author:** ![system](https://forum.obsidian.md/uploads/default/original/3X/b/e/bec35fbd23ab28909bb6bfe62cb32eb82dd34019.png) [@system](https://forum.obsidian.md/u/system)\
**Post date:** [August 27, 2024, 8:39am UTC](https://forum.obsidian.md/t/auto-collapse-backlinks-at-the-bottom-of-page/82520/11 "2024-08-27T08:39:35Z")

</div>

Closed on August 27, 2024, 8:39am UTC

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
