"Naked" Embeds (CSS tweak)

As per a request on the Obsidian Discord (shoutout to @scmwiz, @spacejunky, @kard32 and others) this allows note embeds to look as if they were part of the note in preview mode.
I’m not a huge fan of this approach, myself. I prefer to see the embedded note look a little different. But that’s just my personal taste.

Screenshot:

Instructions:

Copy the snippet into your vault’s obsidian.css file. It should be compatible with whatever other theme you have in there at the time.

/* Naked Embeds */
.markdown-embed-title { display:none; }
.markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; }
.markdown-preview-view .markdown-embed-content { max-height: unset;}
.markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0; }
.markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0; }
22 Likes

Is there a way I can remove the first header as well?
I tried putting in display:none; in the first-child, but it takes away everything :smiley:

I’ve tried the same but the embedded content disappears

1 Like

if you find a fix, please tag me :slight_smile:

1 Like