Picture size within text

I try to manipulate the picture size within a text and I was not successful. How can I bring in HTML code to embbeded a picture as I like (width, height, float:left, etc.?). Thank you.


You can set attributes in the (image: ...) kirbytag helper: https://getkirby.com/docs/reference/text/kirbytags/image

For everything which isn’t in the default kirbytag, you could create your own.

While you can control something like float by adding a class attribute, please note that the width and height attributes do not actually resize the image. So adding a srcset attribute by overriding the default tag would actually make sense.

This recipe might help with this: https://getkirby.com/docs/cookbook/extensions/extending-kirbytags

Dear bvdputte, texnixe thank you very much! Now it is clear to me but one question left: how can I center, left, right a picture? Are there tags either? I tried class: center but it did not work. Can I use class combinations like: class: floated, center? Thank you.

Hi Stefan, class corresponds to a defined class in your css file. If you want to use e.g. center; you’ld have to define it in your css. E.g.:

.center { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }