How to display next page and previous page link only and hide everything in yaml frontmatter/properties

[munish259272]

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

as seen in the image below the Previous and Next buttions point to the previous and next topic

In obsidian it can be done with file properties using yaml but it looks clunky and bad and there is no way to hide that extra stuff like box, Properties text and add property text

It could be on top or bottom of the page https://github.com/jemberton/obsidian-booknav-plugin achieves this but it does not show up in the bottom of the page and it is not exactly what i wanted and it also has open issue for long on github.

[munish259272]

So far i have come up with this.

div.metadata-container {
    background-color: transparent;
    /*
    border: none;
    */
}

div.metadata-container span.text-button-label {
    display: none;
}

div.metadata-container div.metadata-properties-title {
display:None;
}

/* Parent container */
div.metadata-content {
    position: relative; /* Creates a positioning context */
}

/* Button */
div.metadata-container div.metadata-content div.metadata-add-button.text-icon-button {
    position: absolute; /* Positions the button relative to its parent */
    top: 0; /* Aligns to the top */
    right: 0; /* Aligns to the right */
    display: block; /* Ensures the button is visible */
}

and looks like this

[ariehen]

You can use CSS to style the Properties box differently, but it’s always going to be at the top of notes. Ah! Just as I posted I see you got to work on the Properties.

---

One option is using callouts for something like this. A callout/nested callouts can be placed anywhere in a note. The following is using some custom CSS from sailKite:

ChassisCallouts/chassis_callouts.css

These are the Obsidian default callouts, custom ones can be made and styled, but here’s a basic example. As written in your note:

> [!div|grid]
> 
> > [!success|grid span-2] <- Previous
> > [[1 January]] 
> 
> > [!question|grid span-2] Next ->
> > [[3 January]]

and what it looks like:

or only using the callout titles for text: