CSS / Callouts - Image handling differing, not sure where knowledge gap is

More than happy to go educate myself and try and figure this out on my own, but need pointers for next steps – not sure where the knowledge gap is.

What I’m trying to do

Using the stock theme, multiple small images can fit on a single line in a block quote. This does not seem to be the case for callouts. Image example here:

https://imgur.com/a/qlbs0dj

My goal is to fit multiple small images on a line within a callout, similar to how it’s worked in blockquotes (image above).

Slightly more discussion: I need some pointers for where to go and learn about how Obsidian is handling this. I assume this is a built-in CSS issue, and one I could probably circumvent by creating a custom CSS snippet for a custom type of callout, but I am hoping someone would give me a pointer in the right direction.

Things I have tried

A few custom CSS snippets, made a few custom callouts, but got to a point where I was no longer confident CSS was able to fix the issue.

What’s the source Markdown there?

Using:

> ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] 

> [!example]+ Charizard 
>  ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] ![[charizard-card.png|75]] 

this is what I’m seeing on my end in my test vault (default theme with only a few snippets - nothing affecting the editor or images):

Obsidian_5iJM8N0Aub


There’s a guide here on using the inspector in Obsidian:

1 Like

Appreciate the link and help! The guide to some finer points of the inspector helped me figure out what was going on. Much appreciated.

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.