Issues on upgrading from OJS 2.4 to 3.0.2

sreeragm · May 1, 2017, 3:03pm

Hi,

I have recently upgraded from ojs from 2.4.8 to 3.0.2. Can someone help me how to retain the css of previous version in the updated one?
I am new to OJS system.

asmecher · May 1, 2017, 7:31pm

Hi @sreeragm,

The OJS 3.x line of releases have a newly written front end that’s substantially different from the OJS 2.x line (e.g. to support more modern designs, responsiveness, etc). You won’t be able to reuse your old CSS without significant adaptation.

Regards,
Alec Smecher
Public Knowledge Project Team

sreeragm · May 4, 2017, 7:30am

Thanks for the response Alec. I am just trying to change a minor part of the stylesheet.css. But I am unable to locate the code in the server. The CSS URL for the same is …/index.php/$$call$$/page/pages/stylesheet.css. Can you please help me the location where I can find it.

Thanks again!

ctgraham · May 4, 2017, 12:55pm

In 3.x, you’ll upload your custom stylesheet via:
Administration → Settings → Website → Appearance → Stylesheet

sreeragm · May 4, 2017, 1:22pm

Thanks ctgraham.I will try that out.
Is it possible to edit the HTML code of the index.php? I am trying to add an Id to an existing div so that I can apply my css to it. I tried ‘vim index.php’ but it only shows me the imports and doesn’t display the HTML content of it.

ctgraham · May 4, 2017, 2:22pm

OJS 3.x is structured as an MVC application. URLs are mapped against the controllers under the “pages” folders, and these controllers load different Smarty .tpl files from under the “templates” folders.

Some of the HTML for the site index, for example, can be found here:

github.com

pkp/ojs/blob/ojs-stable-3_0_2/templates/frontend/pages/indexSite.tpl

{**
 * templates/frontend/pages/indexSite.tpl
 *
 * Copyright (c) 2014-2017 Simon Fraser University
 * Copyright (c) 2003-2017 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site index.
 *
 *}
{include file="frontend/components/header.tpl"}

<div class="page_index_site">

	{if $about}
		<div class="about_site">
			{$about|nl2br}
		</div>
	{/if}

This file has been truncated. show original

What specific div are you wanting to style? We’ve tried to add ids and classes which cover most of the semantics of the structure, but we could be missing some.

sreeragm · May 5, 2017, 2:42pm

Thanks a lot ctgraham, I have found the HTML and even tried uploading the CSS as suggested by you. But this has created a new ambiguity. I have uploaded an external custom css with a minor div styling. But even after uploading it, the changes are not getting reflected possibly due to default theme which overrides my changes. Is there any way I can upload my css which takes my changes and doesn’t get overridden by the default?

Thanks,
Sreerag

ctgraham · May 5, 2017, 5:50pm

The custom stylesheet should be the last stylesheet loaded, allowing any custom rules you specify to override any former rules.

One common trick is that your browser may be aggressively caching the CSS. Force refresh the page to get the latest content.

Use the browser’s web inspector tool to verify that your journalStylesheet.css is loaded last and to confirm what, if any, CSS rules are affecting your content in undesirable ways.

asmecher · May 5, 2017, 5:53pm

Hi @sreeragm,

If the uploaded stylesheet is not the last one loaded, you may need to patch issue #2268.

Regards,
Alec Smecher
Public Knowledge Project Team