Simple CSS fix in ZwiftPower

Hey!

Can an admin adds

img.postimage {
  width: 100%
}

To the PHPbb styles?

Currently, adding a banner image to the description using BBCode IMG will fail to render
correctly. That simple CSS rule fixes it.!

see my profile: Screenshot 2021-05-01 at 13.11.55|690x295

As suggested by a team peer, max-width:100% would be better

max-width would be better, I agree.

I was going to note that just adding a style to .postimage would affect the rest of the ZP forum, but then I remembered it’s not in use anyway. So it’s probably fine.

You end up with this left-alignment depending on window size, but when the image is forced to be 100% it starts to look out of focus.

An alternative would be to change it to a block image with auto margin:

display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;

That way you at least get a balanced centred placement:

It’s probably not really worth the effort though. :smiley:

Yeah, thanks for this reply, it would be better!

One other clean solution would be to extend the BBCode, and have the abilty to use :

[banner]http://example.com/team_banner.png[/banner]

that converts into an image with width:100% (or any style that fits)