SlRvb - Left/Right Aligned Call Out Boxes (Patreon)

Here's an excellent *.css file created by the resident appearance super-star SlRvb (creator of the ITS Theme!). It lets you place a left or right aligned table that you can populate with images or information. 

PRE-REQ

Create a new *.css file within your Obsidian/Vault/Snippets folder called S - Callouts.css

Populate it with the code from HERE and then reload Obsidian. 

Create a new note and use the provided examples to add these new elements to your notes. 

Example 1 - Right Aligned Info Box

> [!infobox]+
> # Name
> ![[Image.png|cover hsmall]]
> ###### Stats
> Type |  Stat |
> ---|---|
> Test | Testing |
> Test | Testing |
> Test | Testing |
> Test | Testing |

Example 2 - Left Aligned Info Box

> [!infobox|left]+
> # Name
> ![[Image.png|cover hsmall]]
> ###### Stats
> Type |  Stat |
> ---|---|
> Test | Testing |
> Test | Testing |
> Test | Testing |
> Test | Testing |

It also works with Kanbans and Dataview Tables! Check the provided examples for details.