However, XenForo insists on making every avatar a 96x96 pixel box. Our avatars often have varying widths and heights, are sometimes small, or sometimes tall. The current setup results in squished avatars or horribly pixellated stretched ones.
As I understand it, XenForo uses some hokey pre-set s m l sizes and rather than displaying the image between image tags, displays it as a "css background". This means that the box of css with this avatar set as the backgropund *needs* to have a set height and width, otherwise nothing is displayed.
And rather annoyingly, max-height and max-width - either of which would scale the images appropriately, don't work.
My question is: How can I rip-out this "s m l" crap and have the avatars appropriately scaled via css?
I had thought of simply calling the avatar image in the "message_user_info" template (where it currently has "<xen:avatar user="$user" size="m" />") and putting it within image tags there, but I'm unsure how to do that (and if I replace "m" with "l" there I still get bad style formatting with lots of unnecessary extra white-space around the avatar).
I also can't find the actual style code that creates the avatars in the templates to edit it (that is, turns the above line into the "<span class="img l" style="background-image: url('data/avatars/m/16/16640.jpg?1366264473')"></span>" code that displays the avatar image in the thread view).