Modifying defaultManuscript theme

Software Support
1

Hello,

I’m trying to modify defaultManuscript theme so it displays background image (ie. bg.jpg) “below” main part.

If it was simple html i would do it like this:

  • { margin: 0; padding: 0; }
    html {
    background: url(bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

Importing that code as journal style sheet doesn’t work (doesn’t do anything but break top and bottom row making them white instead of grey). I’m guessing that i missed something.

I have just started working in/on OJS themes, so please be patient :slight_smile:

Thank you

2

Anyone? Can it be done at all?

3

I have not used that theme so not sure where you want the image, but you could try editing the less files: defaultManuscript/layout.less at master · NateWr/defaultManuscript · GitHub

And if you want to make sure that you can preserve those changes you make, I suggest you make a child theme and add you modifications there. See https://pkp.gitbooks.io/pkp-theming-guide/content/en/child-themes.html

1 Like
4

Hello ajnyga,

thank you for reply.

That seems to be (exactly) what I was looking for. I’m aiming at replacing that grey background with image of my choice - that will, in turn, be “below” the main content box.