Floating Images

Archive
1

Is there a way to create floating images in markdown so that text flows around the image?

2

it is possible with markdown_extra.

If you enable it in the page header or system.yaml then you can add a CSS class after the markdown for the image:

![](myimage.png)   {.float_right}

Then you can just provide some CSS for that class in custom.css or something:

.float_right { 
  float: right;
  margin: 0 0 1rem 1rem;
}
3

That works, thanks! I put my custom.css file in the theme’s css directory, but will it remain there if there are updates to the theme? Or is there a proper location for CSS thats not part of the actual theme?

4

That’s the correct location. It should not be effected by updates because it’s not actually included in the theme itself.