CSS for issue cover image

We’ve noticed a problem when displaying the issue covers for one of the journals in our OJS installation (2.4.6.0). The thumbnails in TOC look fine but when you click on an issue to show the full cover image, the image is too big and is only partly shown.
I managed to fix it with an issue specific css which simply includes these lines:
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

It would of course be better to include this in the css for the whole journal. I’ve tried to modify the common.css but my attempts so far haven’t been succesful. I would be grateful for any advice on how to proceed.

Hi @Mike_G,

You should be able to upload this snippet in Journal Setup, step 5.

Regards,
Alec Smecher
Public Knowledge Project Team

ah thanks! I just assumed that I had to use a specific tag for it to work but this seems to do the trick fine.

I am using Responsive Theme and facing the same problem. The cover image in the TOC are too big and are in the first line instead of their placement at the left.