What I’m trying to do I am trying to have a single CSS Snippet that will automatically centre all images and Embeds (Youtube, and everything else, including iframe embeds). The centring will ideally occur in both Reading and Live Preview Mode. I am aiming to achieve this entirely using CSS and no …

This may help you work it out: [image] Obsidian CSS Inspector Workflow Custom CSS & Theme Design Obsidian CSS Inspector Workflow This was originally called “Obsidian CSS Quick Guide” but it ended up being more focused on the inspector. As a retrospective chan…

I had this kicking around from when I was trying to get external images, ![](https://www.... .png), centered in Live Preview without putting a space at the beginning of a line. I added a few more sections to hopefully cover everything, and the !important is required here. :is(:is(.markdown-source-v…

Thank you! This works really well, except for iframes… For example, I got an embed like this: <iframe src="https://clips.twitch.tv/embed?clip=InventiveFlirtyCrabsPanicVis-8N9Ilj4ngRzYuSux&parent=localhost" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe> An…

You could try using something like this: iframe { margin-inline: auto; display: block; }

Yes! It works flawlessly, Thanks!

CSS to Center ALL Images and Embeds?

Devs: Theme Design & Custom CSS

CawlinTeffid January 6, 2024, 4:55pm 2

This may help you work it out: