Skip to content

Nodebb icon on google page

Solved Customisation
9 3 3.8k 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
  • 2 Votes
    1 Posts
    648 Views
    No one has replied
  • Test of youtube embeds

    Solved Configure nodebb
    14
    11 Votes
    14 Posts
    5k Views
    Sampo2910
    @phenomlab Perfect!!! Many thanks.
  • Threaded post support for NodeBB

    Let's Build It threading nodebb
    146
    3
    50 Votes
    146 Posts
    119k Views
    phenomlab
    Updated git for above change https://github.com/phenomlab/nodebb-harmony-threading/commit/14a4e277521d83d219065ffb14154fd5f5cfac69
  • 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; }
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    7k Views
    phenomlab
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • 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
  • Social icon (Nodebb)

    Solved Customisation nodebb social
    7
    0 Votes
    7 Posts
    3k Views
    JAC
    @phenomlab said in Social icon (Nodebb): @jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine [image: 73e805e1-997b-41bf-9259-51c5052ca8fc-image.png] fixed