Howe to make (image: ) responsive?

Kirby 2 Solved ✅
1

I have noticed that my (images:) are not responsive. Any idea how I can fix that?

Thanks.

2

Just style your image in your CSS

img {
  max-width:100%;
  height: auto;
  display:block;
}
3

yep, but that would fix all my images. I was wondering how to add a class to the “(image: )” that I add in textarea using Kirbytext.

4

Oh, I see, you can add a class attribute to the image tag:

(image: image.png class: responsive-image)
1 Like
5

great, it´s working :). thanks

6

or just :

.post img {
  max-width:100%;
  height: auto;
  display:block;
}

to select the images in your ‘post’…

2 Likes