OJS 3 Stylesheet not working

Software Support
1

Hello guys, how are you?

I have a CSS Stylesheet in my journal, that is on OJS 2.4.3 but, when I upload the same file to a test journal, running on OJS 3.0.2 it doesn’t work.

Here is the stylesheet

I’m uploading at Settings - Appearance - Journal style sheet

Thanks

2

I could not see your stylesheet, but in general OJS2 themes/styles are not compatible with OJS3.

3

I’m sorry, I’m noob at git tool hahaha

body {
background-color: #f8f7fa;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
}

a:link {
color: #0b4d8a;
}

a:active {
color: #ff0000;
}

a:visited {
color: #000000;
}

a:hover {
color: #d7e1ea;
background: #2a5a87;
}

input {
font-family: Arial,Helvetica,sans-serif;
}

input.defaultButton {
background-color: #000000;
color: #ffffff;
}

#container {
text-align: center;
}

#header {
background-color: #000000;
border-bottom: 0px solid #2a5a87;
padding-bottom: 0px;
background-image: url(’/var/www/html/ojs2_ofc/public/tsc_bg-3b.jpg’);
background-repeat: no-repeat;
background-position: top left;
}

#headerTitle {
color: #ffffff;
padding-bottom: 0px;
}

#header h1 {
padding-top: 30px;
padding-bottom: 30px;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
letter-spacing: -5px;
text-transform: lowercase;
font-size: 36pt;
}

#main {
padding-top: 0px;
background-color: #f8f7fa;
border-left: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
}

#main h2 {
padding-left: 0px;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
}

#main h3 {
padding-left: 0px;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
}

#navbar {
background-color: #f8f7fa;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px solid #2a5a87;
border-bottom: 0px solid #2a5a87;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
}

#breadcrumb {
padding: 10px;
background-color: #96b2cb;
font-style: italic;
}

#content {
padding-top: 0px;
padding-left: 0px;
border-bottom: 0px solid #000;
border-top: 0px solid black;
}

#content h2 {
font-family: Arial,Helvetica,sans-serif;
}

#content h3 {
font-family: Arial,Helvetica,sans-serif;
}

#content h4 {
font-family: Arial,Helvetica,sans-serif;
}

#content table.tocArticle {
border-bottom: 1px dotted black;
}

#issue {
font-size: 7.5px;
}

#footer {
background-color: #e9eef2;
padding: 1px;
color: #000000;
font-family: Arial,Helvetica,sans-serif;padding-top: 10px;
}

#footerContent{
font-family: Arial,Helvetica,sans-serif;
}

#rightSidebar {
/* background-color: #e9eef2; */
background-color: #d7e1ea;
padding-left: 10px;
border-bottom: 0px solid #2a5a87;
border-top: 0px solid #2a5a87;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
}

#rightSidebar div.block span.blockTitle {
padding: 0px;
font-weight: bold;
border-bottom: 0px solid #2a5a87;
color: #000000;
}

There is the CSS code.

I would like a CSS file to test at my journal, do you have it?

Tks

4

If you want to edit your theme in ojs3, I would suggest you read this first:
https://pkp.gitbooks.io/pkp-theming-guide/content/en/

1 Like
5

Hi all,

Note that you may also have to apply a patch for pkp/pkp-lib#2266 Respect asset priority values when loading styles, s… by NateWr · Pull Request #2268 · pkp/pkp-lib · GitHub if you find that your custom CSS is getting loaded too early.

Regards,
Alec Smecher
Public Knowledge Project Team

6

Should I just import this file to /classes/template and refresh the page?

Tks