Board Thread:Support Requests - Designing Your Wiki/@comment-5218827-20191014191753/@comment-5218827-20191019195233

Alright, everything's set up now, including a brand new css from which the Infobox is created. I've also applied it to a page so I can better explain what I mean.

If you were to hover your mouse over the "2014" picture of Jeremy Clarkson, you'd notice the picture frame expands downwards to reveal the whole picture, as the Infobox css automatically cuts any image off if it exceeds 240 pixels in height when scaled down, and only shows the rest if you hover the mouse over it. However, if you switch to the "2002" image of Clarkson, a small blank gap appears underneath his picture, which shrinks when hovered over. This is because the image is shorter than 240 pixels. Though it's not very noticeable on a picture close to that 240 pixel threshold, a much wider image would cause part of the infobox to "jump" inwards when hovered over, which I don't want to happen. I just want to know if it's possible to make it so the "hover" function only occurs when a picture is taller than 240 pixels, not shorter.

Otherwise, my only other option, if it's not possible to make it so it only crops pictures that are taller than 240 pixels when shrunk as to opposed to those that are shorter, is to make two different infobox css files - one which omits any cropping altogether.