Apply different style sheets to multiple sub-journals

[simgiallorosso]

Hello everyone and thank you for the time you will dedicate to me. I have a problem with style sheets. I explain:
I created a site “The editorial series” with three different magazines inside.
these three different magazines (notebooks-miscellany-reports) have the bootstrap3 template to which I apply a style sheet with a different color to each one.

however, when I also pass the “container” site (the editorial series) to bootstrap3 and apply a style sheet to it from the administrative page

, all three magazines take the site’s style sheet.

Is there a way to override this?
Am I doing something wrong?
thank you all

[rcgillis]

Hi @simgiallorosso,

Would you mind noting which version of OJS you’re using (e.g. 3.3.0-13)?

-Roger
PKP Team

[simgiallorosso]

Sorry! The version is
4.3.0-5

[rcgillis]

Thanks! I think you mean 3.4.0-5. I will see if one of our team members can assist with this when they are available.

-Roger

[simgiallorosso]

yes, sorry 3.4.0-5
thanks!

[simgiallorosso]

No solution for this?

[mpbraendle]

Hi, I’m not sure how the Bootstrap theme is working, but the culprit seems to be there.
The usual way is to create a theme plugin (derived from the default plugin or the Bootstrap plugin, either as copy or as a child plugin) for each of the journals and the central site. See https://docs.pkp.sfu.ca/pkp-theming-guide/en/theme-bootstrap3

[simgiallorosso]

Thank you for your answer. I looked in the guide but I didn’t understand much. you’re basically telling me that I have to make multiple duplicates of the bootstrap3 plugin, one for the main page from which you can access the three different magazines and one for the three magazines? how is it accomplished? should they make a duplicate of the plugin and rename it something else?

[simgiallorosso]

please can you help me?

[rcgillis]

Hi @simgiallorosso,

Sorry - but I’m not familiar enough with this to be able to assist. Hopefully someone else from the community will be able to comment.

-Roger
PKP Team

[kaitlin]

Hi @simgiallorosso, the custom stylesheet that is uploaded in the administration area will also be loaded in the individual journals, after the custom stylesheet in the journal - so there may be CSS that is being overwritten depending on what you are customizing.

We have a GitHub issue filed for this here: Site-wide stylesheet loads for every journal · Issue #5973 · pkp/pkp-lib · GitHub

[simgiallorosso]

I’m sorry but there are posts from 2020.
I don’t think a solution has been reported or am I wrong?
However, this is exactly the problem described. how to solve it?

[simgiallorosso]

HI TO EVERYTHING! PROBLEM SOLVED
our system administrator found a solution to the problem.
basically it calls the style sheet inside the journals differentiating it with the journal id

<link rel="stylesheet" href="https://collane-editoriali.ingv.it/public/journals/1/styleSheet.css?d=2024-10-10+12%3A02%3A50" type="text/css" />

<link rel="stylesheet" href="https://collane-editoriali.ingv.it/public/journals/2/styleSheet.css?d=2024-10-09+12%3A40%3A23" type="text/css" />

<link rel="stylesheet" href="https://collane-editoriali.ingv.it/public/journals/3/styleSheet.css?d=2024-10-09+13%3A00%3A43" type="text/css" />

it is clearly not an ideal way to solve the problem, but by doing so the newspaper has its own style child and the three magazines that compose it each have their own style sheet.

I hope it can be of help to developers to solve this bug once and for all.

---

problem solved: update:

with the previous solution the problem remained for the navigation pages.

basically in the PKPTemplatemanager.php file our system administrator changed the priority of the css call, which by default is set to 15 for both the newspaper and the magazines inside it.
he then changed this parameter and now the newspaper and the three magazines that compose it each have their own style sheet for bootstrap3.
i hope it helps and that the ojs managers solve this bug