This page has an image of 812 x 1052 which looks fine on 16x9 monitors. When the browser window is at it’s default of 800px, the right edge of the picture is cut off with no scroll bars. We used the above size as it keeps the text clean enough to read.
So, the questions are how to a) configure OJS to resize the picture inline or b) What should the default picture size be?
What if you just want journal covers to auto-resize to fit the page? 5.3.x implies that if applies to the journal page header. Can you clarfify? Thanks.
So does this go in the 5.3.x section? Or somewhere else? How does the program know what page to make the change? Or does it just make the change anywhere is sees #issueCoverImage ?
Thanks Clinton. I should ask my questions more specifically. Does the CSS file loaded in section 5.3 get appended to the css that is already in place? Is so, a simple text file named resize.css with the commands below could be loaded to update the page characteristic. Yes?
Thank you.
Rich DeVito. aka newbee albeit curious to learn more…
The CSS file uploaded here will be appended as the last CSS file loaded in the head element of each page of the journal. It is applied last so that you can override previous default declarations. (Note, some plugins may apply CSS after this file, but generally, this journal-level CSS should be able to do most overrides.)
It will be served out a “journalStyleSheet.css”, I think. Note that uploading a new file here will replace any current file, You will want to accumulate any of your custom declarations to this one file.
We don’t have a specifically curated list of tweaks and suggestions, but this forum does have a Community Showcase category. Some creative journals are highlighted there.
You put out a call for tips to your community, you collect them, package them with some details submitted by the originaltor and get everyone to pay $49.95 for the package of tips and tricks as a way to support PKP. I would spend the $49.95 in a heartbeat!