[Solved] I need help with adding a favicon

[awesomebean]

Hello, I have been struggling with adding favicon to my forum.
Any help would be appreciated.

My website is hosted with docker image provided by bitnami.
https://hub.docker.com/r/bitnami/phpbb

Operating System: OpenMediaVault 6 (basically Debian)
phpBB version: 3.3.10
PHP version 8.1.16

https://forum.fractalcoffee.duckdns.org

I followed instructions from an article from knowledge base.
https://www.phpbb.com/support/docs/en/3 ... a-favicon/

Here's what I tried:

1. Loading other image files from my phpbb

I added favicon.ico into the root of my phpbb which has config.php and bunch of directories named ext, images, styles and so on.
When I try to access access https://forum.fractalcoffee.duckdns.org/favicon.ico, my phpbb says "The requested page could not be found."
However when I try to access https://forum.fractalcoffee.duckdns.org ... c/fire.gif, the gif image show perfectly fine.
I added favicon.ico into images/favicon.ico and load it there using https://forum.fractalcoffee.duckdns.org ... avicon.ico, favicon loads fine.

EDIT: removed https://forum.fractalcoffee.duckdns.org ... avicon.ico after solving the problem

2. Checking file permission

I suspected permission issue with favicon.ico and changed it to what bitnami phpbb container requires(1001) but I had no success.

Code: Select all

sudo chown 1001:users /path/to/phpbb/favicon.ico

3. Refreshing web browser cache

Check with Firefox, Chrome and Safari. Refreshed multipled times with Shift + Command + R.

Thanks in advance

[Mick]

I suggest, first of all, that you use a known good favicon.ico image, like the one here: https://www.phpbb.com/favicon.ico. Many that are generated online aren’t true ico images and won’t work.

Just drop it in to the root of your board, purge the phpBB and browser caches, you may have to do it a couple of times to get it to show. If that doesn’t work try the same ico image with your code snippets. Once you have it working try your own images.

Edit: Wait a minute, it is working: https://forum.fractalcoffee.duckdns.org

[awesomebean]

I downloaded https://www.phpbb.com/favicon.ico and added to my website. Renamed my intended favicon into favicon-coffee.ico.

Are you using Safari? I see the F in the square in my Safari too, but not in Firefox and Chrome.
And that is not the favicon.ico that I downloaded from https://www.phpbb.com/favicon.ico

I tried purging phpbb caches from ACP > General but no avail.

By the way, my intended favicon is generated from https://realfavicongenerator.net

I'll keep updating when I make changes.

[Mick]

I was using Safari but switched to FF to try it and it doesn’t show, I have no idea why that should be, my test board is ok whatever browser I use. Have you tried searching the web for an answer?

There are a few that might help like https://stackoverflow.com/questions/861 ... by-firefox and https://www.seoptimer.com/blog/favicon- ... %20browser etc.

[awesomebean]

Yes I've been searching the web for answers before starting a topic here.

Some alternatives I found are:

• Metainformation and Favicon extension.
• Favicon extension made by Tatiana5 (Never tried it though)

I had some success with Metainformation and Favicon extension but configurating it was hard for me and I wanted to do it with phpbb native feature.

I added following line to my style's overall_header.html (right before </head>) and it didn't work.

Code: Select all

<link rel="shortcut icon" href="https://example.com/any/directory/favicon.ico" />

UPDATE after reading through provided links:

I added following line to my style's overall_header.html but still doesn't work.

Code: Select all

<link rel="shortcut icon" href="/favicon.ico?" />

also tried

Code: Select all

<link rel="shortcut icon" href="/favicon.ico" />

I suspect the problem resides in the bitnami/phpbb docker image. Maybe there's a permission issue with docker container. Sadly I cannot ask phpbb community to provide support for it.

[awesomebean]

I got it working.

The image exposes /bitnami/php which links to directories residing in /opt/bitnami/phpbb inside the container.
I had to map favicon.ico to /opt/bitnami/phpbb/favicon.ico
I feel kind of dumb not recognizing it sooner.

Thank you Mick for helping me out with your precious time.

[Sniper_E]

Hey awesome, you can also have an animated .gif favicon, for those browsers that support it.

Code: Select all

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.gif" type="image/vnd.microsoft.icon" />

Like this: (the favicon.gif is this beer image)

ColdBrew - Index page