Skip to content

Nodebb icon on google page

Solved Customisation
9 3 3.7k 1
  • wrote on last edited by
    #1

    When I to google site on my browser, there are some icons of sites previously visited.
    Screenshot_20230801_211949_Chrome~2.jpg

    I cant get the default nodeBB icon to change here, even though I uploaded a favicon.
    In the Admin menu, is this icon called something else?

  • When I to google site on my browser, there are some icons of sites previously visited.
    Screenshot_20230801_211949_Chrome~2.jpg

    I cant get the default nodeBB icon to change here, even though I uploaded a favicon.
    In the Admin menu, is this icon called something else?

    wrote on last edited by
    #2
  • wrote on last edited by
    #3

    @phenomlab its enough that just add admin panel ico area? or we should add css also codes?

  • @phenomlab its enough that just add admin panel ico area? or we should add css also codes?

    wrote on last edited by
    #4

    @cagatay It should be, yes. You don’t need any CSS though…

  • wrote on last edited by
    #5

    i can not understand mine also shown as nodebb fav

    image.png

  • i can not understand mine also shown as nodebb fav

    image.png

    wrote on last edited by
    #6

    @cagatay I too am confused still
    Although I saw the results of the favicon checker that phenomlab posted
    Im confused what dimension favicon will tick all the boxes
    It’s not made clear in Admin panel what to upload

  • wrote on last edited by phenomlab
    #7

    Hi Both,

    Can you please ensure that the favicon is present in both locations

    /path/to/nodebb/public/favicon.ico
    /path/to/nodebb/public/uploads/system/favicon.ico
    

    Then restart NodeBB? The files need to be present in both paths, and should be the below

    image.png

    @Panda I’m aware that your site is hosted, so you are going to be at the mercy of NodeBB themselves here.

  • Hi Both,

    Can you please ensure that the favicon is present in both locations

    /path/to/nodebb/public/favicon.ico
    /path/to/nodebb/public/uploads/system/favicon.ico
    

    Then restart NodeBB? The files need to be present in both paths, and should be the below

    image.png

    @Panda I’m aware that your site is hosted, so you are going to be at the mercy of NodeBB themselves here.

    wrote on last edited by
    #8

    @phenomlab yes, so this is a flaw then, if successful Favicon can’t be uploaded from the Admin panel?
    Worth me raising on NodeBB forum?

  • Panda Panda has marked this topic as solved on
  • @phenomlab yes, so this is a flaw then, if successful Favicon can’t be uploaded from the Admin panel?
    Worth me raising on NodeBB forum?

    wrote on last edited by
    #9

    @Panda It’s been raised multiple times, but only for the open source version, and not hosted.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • What’s going on with NodeBB?

    Performance nodebb script die
    20
    8 Votes
    20 Posts
    5k Views
    phenomlab
    @cagatay The most reliable way to upgrade Node.js on Ubuntu depends on how you originally installed it. Method 1: Using NVM (Recommended) If you already use Node Version Manager (NVM), upgrading is simple. NVM allows you to keep both versions and switch between them if needed. Install Node 22: nvm install 22 Switch to Node 22: nvm use 22 Set it as your default: nvm alias default 22 Verify the change: node -v Method 2: Using NodeSource (PPA) If you installed Node.js via apt using the NodeSource repository, you need to update the repository script to point to the new version. Remove the old NodeSource list (optional but cleaner): sudo rm /etc/apt/sources.list.d/nodesource.list Download and run the NodeSource setup script for Node 22: curl -fsSL [https://deb.nodesource.com/setup_22.x](https://deb.nodesource.com/setup_22.x) | sudo -E bash - Install/Upgrade Node.js: sudo apt-get install -y nodejs Verify the installation: node -v Method 3: Using the ‘n’ Package If you have npm installed, you can use the n interactive manager. Clear the npm cache: sudo npm cache clean -f Install the ‘n’ helper: sudo npm install -g n Install Node 22: sudo n 22 Update your shell: hash -r Troubleshooting Permission Denied: If you see permission errors using Method 2 or 3, ensure you are using sudo. Path Issues: If node -v still shows version 20 after upgrading via NVM, restart your terminal or run source ~/.bashrc. Conflicts: Avoid mixing these methods. If you switch from apt to nvm, it is best to sudo apt remove nodejs first to avoid path conflicts.
  • Nodebb 3.2.0

    Bugs nodebb nodebb 3.2.0
    20
    1
    2 Votes
    20 Posts
    7k Views
    phenomlab
    @crazycells yes, I’m aware of that. Need to fix EDIT- fixed. Caused by the same CSS that is used to absolutely position the “verified” group badge in the posts view. Amended this CSS so that is specifically targets the post stream as below li[component="post"] a[href*="/groups/verified"] { position: absolute !important; left: 8px; z-index: 2; margin-top: 1px; border-radius: 999px !important; line-height: 14px; display: block; height: 22px; margin-left: 0px !important; }
  • Why CSS acts different in Desktop?

    Bugs nodebb
    11
    4 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW I’d have to agree with that.
  • NodeBB v3 Vote Icon

    Solved Customisation icons vote icons
    9
    2 Votes
    9 Posts
    3k Views
    cagatay
    @phenomlab forget it, look likes good with your codes.
  • NodeBB v3

    Announcements nodebb v3 nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay JS will work fine - no changes there, and there are no plans to drop support for jQuery. More of an issue is the CSS - for which there are quite a few breaking changes. Keep an eye on sudonix.dev (my development site) where you can see progress in relation to how I am tackling the compatibility issues.
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    4k Views
    JAC
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • [NodeBB] username cards

    Solved Customisation nodebb
    8
    5 Votes
    8 Posts
    3k Views
    Sampo2910
    @phenomlab Aha…nice to know. As always thank you for the reply and information.