max height 100% fixes the issue with the width of the image. I just added my provided code in your forum and it fixed the issues with the Rank images.

You can set the max height: inherit or unset as well.

I used your code, it enlarged the photos, but the ratio of width/height size of the photos are changed now. The photos became wider than normal. I never experienced those problems in previous addon versions.

Note: You wrote max-height: 100%, I changed it as 120px, but both of the code give same results, the ratio of width/height size of the photos are changed, that is wider than normal.

https://www.bilimveyaratilisagaci.com/f/se/yks-sinavini-kazanmak-icin-tavsiyeler/

Try this:

@media screen and (max-width: 620px){ 
    #wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank{
        max-width: 50px !important;
        }
}
#wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank {
    max-height: 100%;
}

Again, I wonder if I can change the rank photo background colour. Because the rank photos is in png format with translate background. But it is seen in white in the current setting. How can I change this white background to custom color?

Insert the below CSS Code in Custom CSS Code Field from Dashboard > wpForo > Settings > Colors & Styles:

You can change the size by increasing or decreasing the 50px.

#wpforo #wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank {
    max-height: 50px;
}

please provide Forum URL.

Wpforo Mycred rank image size is too small in new addon. It was big in previous addon versions. How can I magnify it. It looks very small. Screen capture is below. Thank you.