# Meta Post - Common CSS Hacks

**URL:** <https://forum.obsidian.md/t/meta-post-common-css-hacks/1978>\
**Category:** Themes & CSS snippets\
**Tags:** custom-css\
**Created:** [June 16, 2020, 2:17pm UTC](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978 "2020-06-16T14:17:57Z")\
**Posts on this page:** 1\
**Showing post:** 19

<div class="post-metadata">

**Author:** ![MooddooM](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/m/ed655f/32.png) [@MooddooM](https://forum.obsidian.md/u/MooddooM)\
**Post date:** [June 18, 2020, 2:41pm UTC](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/19 "2020-06-18T14:41:03Z")

</div>

## “Naked” Embeds by @death.au

> [@"Naked" Embeds (CSS tweak)](https://forum.obsidian.md/t/naked-embeds-css-tweak/72):
>
> 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. …

 ![withHeader](https://forum.obsidian.md/uploads/default/original/2X/d/d33d0de07d58894ab485b37c9806ff88a447fb6a.png)

```css
/* Naked Embeds */
.markdown-embed-title { display: none; }
.markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0;}
.markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0;}

/*remove the following two line, you will get border and scroll*/
.markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; }
.markdown-preview-view .markdown-embed-content { 
  max-height: unset;
  background-color: var(--background-secondary); /*define different bg color*/
}

/* the link on the top right corner*/
.markdown-embed-link {
color: var(--text-faint) !important;
}

.markdown-embed-link:hover {
color: var(--text-accent) !important;
}

```

 ![withoutHeader](https://forum.obsidian.md/uploads/default/original/2X/a/a23bfe36261e4888fcaae209b5113dfa9e8ed0bf.png)  
To further remove the header, add the following part:

```css
/* remove the first heading*/
.markdown-preview-view .markdown-embed-content>:first-child { display:none;}

```

---

_[View the full topic](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978)._