"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.



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; }

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