Customize Native Child Theme in Ojs 3

Hi @kawahyu,

There are a couple of options for you depending on how much customization you want to do. The easiest thing to do is just to upload a custom CSS file under Settings > Apperance > Journal CSS.

If you went that route, you could try the following CSS code to change the header color:

.pkp_structure_head {
  background: red;
}

The following will adjust the base font in most places, though there may be some where you need to change it again:

body {
  font-family: sans-serif;
}

To justify the abstract, try the following CSS selector:

.obj_article_details .abstract {
    text-align: justify;
}

However, I don’t recommend you justify the abstract text. Justified text in browser’s is done very poorly, and is often considered difficult to read (in contrast to the justification you would get from a printed document processor). That’s why it’s generally avoided online.

If you expect you’ll make many more customizations to the theme, I’d recommend you look into creating your own child theme. You can child theme a child theme (ie - make a “grandchild” theme) to do this. You can learn more about that in this forum topic.

Finally, you should be wary of using default-manuscript. It’s still in early development stages so it may be missing key features and is likely to undergo significant changes before being released for public consumption. Still, if you’re happy to role with those changes, you’re welcome to use it.

1 Like