Is the site in question the one in your support forum profile? If so…
Here’s the TL;DR:
You have two totally separate sets of icons on your site: one set provided by your theme, and the other from the WordPress Site Identity icon feature. The two are stored in totally different places and are not linked in any way… so the Site Identity icon cannot overwrite the theme’s icons as you desire.
With two different sets of icons, browsers are choosing to display the first they encounter — being the theme’s original icons, which is why you can’t see the uploaded Site Identity icon.
Read below for a detailed explanation and how you may resolve this.
I replaced a bones theme icon with my 512×512 logo file under site identity customization. I used the same file name “screenshot.png” as my site is coded with that file name. WP, however, changes the file name to “cropped-screenshot-1.png,” and I can’t override this file name, URL, etc. I’ve deleted and re-uploaded the file many times, replaced it on my server, refreshed and cleared caches in WP and in multiple search engines and cannot get rid of the skeleton flavicon.
The theme’s default icons are stored in the theme’s folder, wp-content/themes/bloom-bones/
The Site Identity image you uploaded goes into the WordPress uploads folder, wp-content/uploads/ (plus year and month subfolders).
So even without the uploaded file being renamed, the two sets of URLs are completely different and the new image will not overwrite the default one from your theme.
Rather, the theme should have some coding logic to display the default icon ONLY if no Site Identity image has been uploaded, and completely remove the default icon code after you upload a Site Identity image. The file name of the uploaded Site Identity image is totally irrelevant, and the fact that WordPress renames the file has nothing to do with your issue.
But it seems your theme doesn’t have any such logic… so both the original icon provided by the theme and the Site Identity image are present in your pages’ HTML, and browsers are choosing to use the first one encountered on the page (the one provided by the theme).
(For what it’s worth, the file name cropped-screenshot-1.png implies the image was cropped and you previously uploaded an image with the same file name screenshot.png, so WordPress had to add -1 to the new one in order not to overwrite the existing image. Also, the image file screenshot.png in your theme folder is the theme’s preview image: it’s not the favicon image.)
Why is this happening? Why two different sets of icons?
The description of your active theme “Bloom Landscaping” says it is based on the “Bones Development Theme”. Bones is a very old starter theme, last updated 9 years ago… at which time WordPress did not have the Site Identity icon feature at all.
This explains why you have two different sets of favicons on your site: the one manually coded by your theme’s author (which was the normal way at the time your theme was developed)… and the newish, native WordPress Site Identity icon feature.
These two are totally separate, and one cannot overwrite the other.
How to resolve this? You have three options:
1) You can edit your theme’s header.php file and remove all the lines of the HTML and PHP codes that the theme uses to add its icons… so you can rely on the native WordPress Site Identity icon feature.
2) REMOVE the WordPress Site Identity icon you uploaded from Customizer, but keep the image on the server. Then, EDIT your theme’s header.php to point the theme’s icons to the URL of the favicon image you uploaded as your Site Identity image.
3) The last option is to leave the theme’s header.php file untouched… but upload a new image to overwrite the theme’s icon. It seems this is what you were trying to do… but as I’ve explained above, the image uploaded from the WordPress dashboard goes to a totally different directory.
So you’ll need to use FTP or your web-based hosting File Manager to access your theme’s folder in wp-content/themes/bloom-bones/, and upload icons to overwrite the following image (you need to keep these file names and extensions):
— favicon.png
— favicon.ico
— library/images/apple-icon-touch.png
— library/images/win8-tile-icon.png
Sorry for the long-winded explanation: English is not my first language, and Brevity is not my uncle.
Good luck!
