FOP2 Custom Theme: Changing the Logo

FOP2 display styles can be tweaked using CSS. Since version 2.30 it is possible to write custom CSS modifications in your own 'theme' file to change the visual aspect.

We are going to use that feature in order to change the Logo image on the login box.

In order to write your own custom theme, you must create this file:


In that file you can write any css rules you want.

So open it up in your favorite text editor and add/create this block:

.logo {
    width: 128px;
    height: 128px;
    background: url(//some.server/path/to/your/logo.png) no-repeat;
    background-size: 120%;

You will need to change the URL for the logo file and possibly tweak the width, height and/or background-size parameters. Original logo image is 128x128 pixels, so you might need to somehow use the same image ratio for your own logo.

When done, save the file and reload the FOP2 panel, the new logo should appear instead of the stock one.

Did you find this article useful?