Customizing Header and Sign-In Logo

Is there a way to customize the logo on the header and the sign-in page?

for the mainpage logo:

Create folder like ā€˜/opt/indico/COMPANY/staticā€™ and place your png in there

add
LOGO_URL = '/static/custom/COMPANY_LOGO.pngā€™
CUSTOMIZATION_DIR = '/opt/indico/COMPANY/'
in the /opt/indico/etc/indico.conf file

restart indicoā€¦

Unfortunately we donā€™t use the LOGO_URL on the login page:

<img class="header-logo" src="{{ indico_config.IMAGES_BASE_URL }}/logo_indico.png">

We could easily change it to also take the LOGO_URL into account, but depending on the logo it might look bad because we currently set a 100px height on the logo of the login page - so if your logo is smaller, itā€™d be scaled up. But it sounds like something we should do nonetheless.

Edit: Actually, we use different logos for the normal one (monochrome) and the one used e.g. on the login or error pages (colored). So weā€™d probably need to add a separate setting for thisā€¦

Hi dkfz2018,
I tried your code ā€œas isā€ but didnā€™t worked.
I slightly changed it and it works now:

Create folder like <indico-instance>/COMPANY/custom/files/ and place your png in there (COMPANY_LOGO.png)

add

LOGO_URL = '/static/custom/files/COMPANY_LOGO.pngā€™
CUSTOMIZATION_DIR = '<indico-instance>/COMPANY/custom/'

in the <indico-src>/indico/indico.conf file

restart Indico.

1 Like

Hi.
I have a problem with a custom logo at the top of Indicoā€™s page.
The server mentioned is a testing Indico server ver 2.2.4.
When I modified the logo then it broke.
I followed the steps from this forum.

My instance is installed in /mnt/data/indico.
I created directory /mnt/data/indico/EGI/custom/files.
I copied the logo EGI-logo-transparent-minimal-46x35.png there.

I set up my configuration in indico.conf to:
LOGO_URL=ā€™/static/custom/files/EGI-logo-transparent-minimal-46x35.pngā€™
CUSTOMIZATION_DIR=ā€™/mnt/data/indico/EGI/custom/filesā€™

I rebooted the testing machine.

When I browse the Indico web page
and I look in $INDICO_DIR/log/apache/access.log
then I see: "GET /static/custom/files/EGI-logo-transparent-minimal-46x35.png HTTP/1.1" 404 25519 "https://78.128.216.182/" "Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0"

The file permissions of that image file are:
-rw-r--r-- 1 indico www-data 2589 Nov 6 09:56 /mnt/data/indico/EGI/custom/files/EGI-logo-transparent-minimal-46x35.png

What could be the reason?

You need CUSTOMIZATION_DIR = '/mnt/data/indico/EGI/custom'

Hi,

I recently installed indico and now want to customize it, but I got a similar problem when trying to change the indico logo with our own on the home page. I have tried all the suggestions posted here but keep getting a 404 statuscode while trying to access the image.

ā€œGET /static/custom/logo.png HTTP/2.0ā€ 404 24978 ā€œhttps://indico.fusenet.eu/ā€ ā€œMozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0ā€

The absolute path to the logo is:
/opt/indico/fusenet/custom/logo.png

The settings in the .indico.conf file are:
LOGO_URL = ā€˜/static/custom/logo.pngā€™
CUSTOMIZATION_DIR = ā€˜opt/indico/fusenet/customā€™

I have tried the suggestions of @openprojects to swap out ā€œopt/indicoā€ with and add a files directory in the custom directory with the logo but both changes had no effect.

Do you have any suggestions what I am doing wrong?

Thanks

Have a look at Settings ā€” Indico 3.2.8 documentation again :wink:

Static files may be added in <CUSTOMIZATION_DIR>/files . They can be referenced in templates through the assets.custom endpoint. In CSS/JS, the URL for them needs to be built manually ( /static/custom/files/... ).

Hi,

Thanks for the reply, I added a files folder in the customization_dir and placed the logo inside it. After that I changed the LOGO_URL to ā€œ/static/custom/files/logo.pngā€. However I still get the same 404 error while trying to access it after restarting indico.

The absolute path to the images is now:
/opt/indico/fusenet/files/logo.png

The settings in the .indico.conf file are now:
LOGO_URL = ā€˜/static/custom/files/logo.pngā€™
CUSTOMIZATION_DIR = ā€˜opt/indico/fusenetā€™

Thanks

you forgot a slash at the beginning of the CUSTOMIZATION_DIR value

Thanks a lot, itā€™s working now!

Its not workingā€¦ I have version 2.3.5. Could you help me change the logo?

Thank you