Hopefully a quick one for someone here. I am wanting to style my properties block, so that it looks like a callout… I have seen some people’s things that look like they have a callout, that is being wrapped around their properties block. Makes it look so neat. Is there a way to make these two things play together? Preferably without a little custom JS snippet…
Thanks in advance.
Have a look at the
CSS variables for Properties view as well as:
With all the new
Properties coming on the block, ahem in your notes, you may wonder: do I want the full red carpet experience or the exposed brick for the front? Okay, I’ll stop.
The first place you are going to want to check is Settings -> Editor -> Properties in document.
Visible: The default setting.
Hidden: The Properties view interface is hidden in both Reading View and Live Preview.
Source: The Properties view interface is rendered in Reading View, and shown as raw YAML in Live Preview.
Not as fun or versatile as callouts, but you can change the look quite a bit using only the custom variables mentioned above.
I have seen some people’s things that look like they have a callout, that is being wrapped around their properties block.
My guess is they just wrapped
Dataview metadata (not the native Obsidian’s properties) with a callout, like
> [!NOTE]- Properties
> [property1 :: value1]
> [property2 :: value2]
because the built-in properties (a.k.a. YAML frontmatter/metadata) can only be placed at the beginning of a note.
[!NOTE] makes the callout collapsible and displays it folded by default.
Note that Dataview metadata can be queried only via a Dataview query and cannot be (directly) accessed via the built-in search engine.
Can I tag someone here? it was in
@nickmilo 's Ideaverse demo vault… the properties just look lovely… with a magic callout type thing going on… how is this magic happening?
Ideaverse uses the Prism theme as a base with slightly customized callouts. The Properties view looks pretty standard with a few changes. Perhaps as ush suggested, some Dataview queries were in a few callouts?
I’m new to Obsidian and went down a rabbit hole that ended with Ideaverse. I also loved the collapsible properties block and have been trying to figure it out.
I had the Minimal theme installed and just switched over to Prism after reading this and can confirm-it’s just built into the Prism theme.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.