Can't change login background picture

I’m trying to personalise login page on self-installed Kobotoolbox. I created parameter login_background thought Django admin panel but background is empty now.
login_background

What did I wrong?

Hi
I suggest that you provide as much information as possible on what you had tried to do.
Stephane

I tried to change login background of web-page of Kobotoolbox server.
There is options in Django administration panel:
1 Click “Configuration files”
2 Click “Add configuration file”
3 Select “login_background” from drop-down list and browse new image from your computer
4 Click “Save”

I have done this but don’t see new image and default image disappeared.

Hi @nbtl2cu
Have you tried this with different image types and sizes to see if the image does not change for all of them?
Stephane

Thank you for your reply.
Yes, I tried also place original image as custom image (same size and resolution). I see link to my image in source CSS:
kf.mydomain.tld/media/myPicture.jpg
but actually it is absent on this path.
I see message:

Not Found
The requested URL /media/myPicture.jpg was not found on this server.

when i open the link.

Hi
Just confirming that when you place this on your browser kf.mydomain.tld/media/myPicture.jpg do you get the image opening?

Regards
Stephane

The custom background feature was hastily built for a client who used Amazon S3 storage. I guess it doesn’t work for local storage; I’m sorry to hear that. It’s not something we support or can invest developer time into fixing. Pull requests would be welcome:

2 Likes

I was looking for something similar, and just found a solution. Like the previous comments say, the project is opensource!

A quick and easy way would be to replace/download the image files in your server directory, and replace it with the photo name currently being used in kobo.

You have 2 directories to modify.

/home/kobo/kobo-docker/.vols/static/kpi/compiled

and

/home/kobo/kobo-docker/.vols/static/kpi/img

you can change these 3 files photo files,

signup_photo.jpg
kobologoS.svg — notice it is an .svg file and this is for the mobile version after you login the page
kobologo.svg – main logo in the loginpage and registration page

wallpaper takes effect in the first directory. Remember to use root privileges.

you can directly download and replace the name using the following command in your server terminal, download photo from a direct weblink

curl -o kobologo.svg weblink/picture.svg

a quick way to check if your photo is downloaded you can check it in your browser, for example:

kf.yourdomain/static/compiled/filename.jpg

and

kf.yourdomain/static/img/filename.svg

Hope it helps, let me know!

Omer

1 Like