Align image to left without float

[gummigroda]

Hi,
Is it possible to align an image to the LEFT with some padding, instead of in the center as it appears now. All this without "floating".

Doable in markdown or with some kind of CSS tweaking?

[lxndrblz]

@gummigroda Did you try the figure shortcode with option left, as shown here?

https://github.com/lxndrblz/anatole/blob/master/exampleSite/content/english/post/figure-shortcode.md

[gummigroda]

Hi,

That works. But I need an option to aligning the image to the left without the underlying text moving to the right of the image. (Which I believed was the "floating" part.)

[gummigroda]

@lxndrblz
It looks like this by default:

and I'd like align it left:

is it possible in any way?

[lxndrblz]

@gummigroda Yes, it is possible.

You could add this piece of code to a custom css file to modify the default behavior:

.post__content figure {
    margin: initial;
}

The result will look like this:

Hope that helps.

[gummigroda]

@lxndrblz

That works, thanks!
Is there an option to also make this applicable to images "formated" as regular markdown, without the 'figure' ie. ![interface-core1](interface-core1.png)

[lxndrblz]

@gummigroda Ofc, try this:

.post__content img {
    margin-left: inherit;

[gummigroda]

@lxndrblz

Ahh, I see the logic now.
Thanks again and THANKS FOR A GREAT THEME! 🎉

[lxndrblz]

No worries.