CSS for issue cover image

We’ve noticed a problem when displaying the issue covers for one of the journals in our OJS installation ( 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.

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.