Відео

Amating vid, subscribed

It's awesome! Thank you a lot

I am having a problem. It is only rendering the change in live mode. When I switch to read mode, the snippet does not apply. Any reason for that? I disabled all the community plugin's that I have to eliminate the possibility that it could be a confilct . Thank you, this is very helpful. I always wanted to float images In my obsidian notes :)

has anyone figured out how to get this to work with the hover previews as well? when I hover over a link to preview the page the images no longer format with the floats.

I couldnt get this to work until I changed the css from div to span - noticed that the img tags are contained within span instead on div in my obsidian not sure if this is a new change

I very recently came across your post on the Obsidian forums - the one linking to this video - and I have to extend a huge thank you for putting time and effort into sharing your approach! I lean heavily into HTML and Markdown, meaning that I'm utterly clueless when it comes to CSS. Having a visual guide and an intelligent, straightforward explanation really, really helps. I'll also check out your achieved streams after this! Cheers.

Thanks a lot. Coming from Emacs Org Mode, I wanted to make the headers a bit smaller and less bold, and your tutorial here helped me quite a bit.

I'm just here for the hipster word bank

Does this still work for images? im asking, bc i copied the code 1:1 and it does nothing

Down from 3 hours to 12 minutes! I just had to subscribe.

Fantastic, thank you very much, just what I was looking for!

Thank you for sharing - love the insight ^_^ Hope all is well and that you produce more and more!

Wow! Just wow... I'd love to see more content related to Obsidian.

Cool CSS wizardry!

this is neat! amazing CSS hacking skills! :D

G8! Is the a way to show an image like in the same line of the text? I've tried "display: inline". But it dont seem to be working...

CSS for Side Bar Quotes div[src$="-sbq"] { background-color: #6096cc; position: relative; right: -20px; float: right; clip-path: polygon(0% 0%,100% 0%,100% 80%,44% 80%,20% 100%,25% 80%,0% 80%); width: 35%; margin-top: 5px; margin-left: 10px; } div[src$="-sbq"] div.markdown-embed-link { visibility: hidden; } div[src$="-sbq"] div.markdown-embed { margin-top: 0px; margin-bottom: 0px; } div[src$="-sbq"] .markdown-preview-view { padding: 3px; padding-left: 10px; padding-bottom: 40px; } div[src$="-sbq"] .markdown-preview-view p { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: larger; font-style: italic; color: black; }

CSS for Images: div[src$="#portrait"] { position: absolute; right: 0px; top: 0px; width: 200px; clip-path: ellipse(32% 45% at 50% 50%); } div[src$="#side"] { position: relative; float: left; width: 35%; margin-top: 5px; margin-left: 10px; margin-right: 12px; }