Hey.
My forum automatically embed images whenever I link to some. That's fine. The problem is that it embeds them into different sizes. See this page for an example:
https://www.nyurban.no/forum/oslo/vika-prosjekt-via-ruselokkveien-26-13-et/#post-8
Is there any way I could control the size of the image embedding? It looks very messy as it is now. I would ideally have liked the images to be bigger too.
Hey.
My forum automatically embed images whenever I link to some. That's fine. The problem is that it embeds them into different sizes. See this page for an example:
https://www.nyurban.no/forum/oslo/vika-prosjekt-via-ruselokkveien-26-13-et/#post-8
Is there any way I could control the size of the image embedding? It looks very messy as it is now. I would ideally have liked the images to be bigger too.
Works great for me.
https://www.valueweb.gr/community/off-topic/test/
Could be your theme ?
^^ Do they really show up as equally sized in the link for you? Because they still looks to be of different sizes to me there. This is how it looks from here (with the lowest image having considerable less width than the one above):
^^ Do they really show up as equally sized in the link for you? Because they still looks to be of different sizes to me there. This is how it looks from here (with the lowest image having considerable less width than the one above):
They look totally equal to me.
Hm, that's weird. I've now also tried a few other browsers to make sure it wasn't with that (Opera, Firefox and IE) and they look equally as different in them - both your and mine links.
But did you see how different the images were in my first link?
Hey.
You just need to set max-height to 100% for embedded images. Put this CSS code in Dashboard > Forums > Settings > Styles Tab > Custom CSS Code textarea. Save it, delete all caches, navigate to forum front-end and press Ctrl+F5:
#wpforo #wpforo-wrap img.wpforo-auto-embeded-image,
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content img{
max-width: 100%;
max-height: 100% !important;
}