Change header color *within* bullets?

[farbio708]

What I’m trying to do

I want to change the color of headers within bullets.

• This is what I want changed

Not this.

Things I have tried

I currently have a .css snippet that looks like the following:
.cm-header-2 { color: #ffabf4; }

This changes the color of my ## headings to pink, which is great, but I want to change the color of bulleted ## headings to pink as well.

[holroy]

Try the following CSS:

.HyperMD-list-line .cm-header-2,
.cm-header-2 {
  color: #ffabf4;
}

Your CSS got overridden by a CSS selector which was more specific, similar to the first line, so by adding the same selector (at the same level), we can get your color to push through.

Another option, slightly worse in many opinions, is to add !important after your color setting.

[harr]

I‘m curious. Is a header within lists valid Markdown?

[holroy]

HeHe… @harr , It’s not recognised by Obsidian as a header to be included in the headings metadataCache. It’s seems to be formatted kind of correct, but you’re in a grey zone as you start introducing block elements within inline elements (aka an <h2> within a <li> element) which is strictly speaking not following the HTML standards.

In short, I don’t recommend doing it, but I do see people wanting that visual effect. But Obsidian doesn’t recognise it as a header, as shown at the top in the thread below.

DQL & DataviewJS: Query and list all the items and subitems under multiple (nested) headings

The first issue with your query, is that the markdown you’re using are not producing correct headers as seen by Dataview. To see my point try doing this query in the file with the bookmarks: ```dataview TABLE meta(item.section) WHERE file = this.file FLATTEN file.lists as item WHERE item.Browser ``` This should display a table starting with something like: [image] And as you can see, it doesn’t list the “bookmark:: 2” as the header, but the semantically correct header of “Firefox bookmark…

[farbio708]

Thanks, this worked perfectly!

[ariehen]

Headings in lists are valid Markdown. See: https://spec.commonmark.org/0.30/#example-300, but as holroy mentioned they aren’t picked up by Obsidian’s index so don’t show up in link suggestions, in the Outline, etc.

 - list item
      ## heading in list item
      - sublist item
        ### heading in sublist item

• list item

  heading in list item

  • sublist item

    heading in sublist item

Obsidian:

Typora:

[ariehen]

If you (or anyone following along in the future) want to cover Reading view or rendered contexts as well, you could use the following:

/* heading color */
body {
    --h2-color: hotpink;
}

/* heading color in lists */
.HyperMD-list-line .cm-header-2,
.markdown-rendered li h2 {
    color: hotpink;
}

[harr]

Thanks! I had overlooked ex 300. Do I understand correctly, that in Obsidian:

• Headings in lists are formatted like other headings
• They can be referenced like other blocks with [[#^
• But they are not considered sections and can not be referenced as sections with [[#

[ariehen]

I don’t use headings in lists, so don’t know all the edge cases.

@harr

• Headings in lists are formatted like other headings
• They can be referenced like other blocks with [[#^
• But they are not considered sections and can not be referenced as sections with [[#

That looks correct. I mentioned above, but I’d add to the list that they don’t show up in the Outline tab. Obsidian doesn’t consider them “real” headings.

[holroy]

@harr

They can be referenced like other blocks with [[#^

I’ve not tested this, but you can’t use block links into the midst of a list, so it doesn’t seem natural that you could link to a list item with a heading either since the block is the entire list (if I’m not mistaken).

[ariehen]

With a quick test:

[harr]

Interesting. I learned that only the bullets are recognized as blocks, but not the headings. Here are a few more test cases:

- cat
	- ## mouse ^5a247d
		- dog ^ba4d47
	-  bear
		### dolphin ^6ca887
	-  shark

![[#^5a247d]]

![[#^ba4d47]]

![[#^6ca887]]

Reading view:

Obsidian’s behavior makes sense.

[holroy]

@holroy

(if I’m not mistaken).

Well, it seems like I’m mistaken, as @ariehen proved, obsidian can link to a list item even though its not considered a block. Kind of strange, but I can live that.

[harr]

@holroy

even though its not considered a block.

I thought the same, and said the same in some discussion about the difference between Obsidian and Logseq. I had overlooked, that a list item is considered a block, according to Obsidian Help:

A block is a unit of text in your note, for example a paragraph, block quote, or even a list item.

Interesting how much confusion we all have about a feature that is standards compliant and documented.