How to get Embedded Notes to use the "|" modifier for the Title?

I want my embeded notes to use the standard ![[somenote|NewTitle]] to display the NewTitle above the embed. I’m pretty new at css but I’m hoping that its possible with a global css like I used for the scrolling and resizing of the embed.

this is what it displays even though my code is below

You could give something like this a try →

no snippet active:

snippet active but no alt/attribute text:

snippet active with attribute text ![[list-callouts-testing|whatever you'd like]]

/* hide embed title */
.markdown-embed-title {
    display: none;
}

/* use attribute text as embed title */
.internal-embed:not(.media-embed)::before {
    content: attr(alt);
    font-size: 0.9em;
    font-weight: 700;
    color: grey;
}

You can adjust or remove the font size, weight, and color, of course.

It works the same when linking to a heading or block ID: