How to change the attached image size?

Hi Acon,

I assume some images are smaller than the width of the container. There is only CSS set to have them not be more wide, and only 500px height max.

I am not sure if you would want this, but you could add CSS to have all images be a min-width of 100% of the container as well. Just be aware that the sharpness of the images will go down, since they are simply not that large. You can add custom CSS to Appearance > Customizer > Custom CSS

.gwolle-gb .gb-entry .gb-entry-content img {
min-width: 100%;
}

Hi Marcel,

Thanks for the reply. You mentioned that the image height is limited up to 500px. I guess that’s what caused the issue. Some of the posted images are in a portrait orientation.

Acon

Ah, that would explain it. I could change it in the plugin to something higher. Could you share your address so I can take a look what it looks like now?

You could also add custom CSS like:

html body .gwolle-gb .gb-entry .gb-entry-content img {
max-height: auto;
}

The link is https://peacetalks.habago.org/guestbook/

It’s in Mandarin Chinese but it doesn’t matter. Scroll down and you’ll see something like what in this screenshot: https://prnt.sc/lCqmf8rEmCwP

The image is 1142?×?1552 pixels but it looks quite small here.

Acon

Hi Acon, I see it. I am still a bit hesitant to remove the CSS, since sometimes images are too big for some websites. I changed it to max-height: 700px in the next version.

If you want the change now, you could add custom CSS in Appearance > Customizer > Custom CSS.

html body .gwolle-gb .gb-entry .gb-entry-content img {
max-height: 700px;
}

Alternatively, it you want full width always, you could use this:
html body .gwolle-gb .gb-entry .gb-entry-content img {
max-height: auto;
}

Hi Marcel,

Thanks for that. I think 700px is enough for now. I we need extra length I’ll just add custom CSS as you advised here.

Regards,

Acon

Sure.
If you want, you could update from git from:
https://codeberg.org/cyclotouriste/gwolle-gb
For the next few weeks I am not planning any update. You could download the current zipfile and go to Plugins > New Plugin > Upload New Plugin. The only change in it for now is this CSS change.