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
  • Please help me, I can't install nodebb

    Locked Solved Customisation nodebb
    7
    5 Votes
    7 Posts
    2k Views
    phenomlab
    Installation completed, verified, and tested. Correct installation methodology is below https://docs.nodebb.org/installing/os/ubuntu/
  • "most votes" ranking option is not respecting the plugin

    Bugs nodebb
    5
    1
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
  • nodebb error logs

    Bugs nodebb
    6
    2
    4 Votes
    6 Posts
    2k Views
    ahmed
    I just wanted to ask because I don’t have much knowledge about the new installation. Thank you for the explanatory answer.
  • Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    20k Views
    phenomlab
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • 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.
  • 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] 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.
  • Customising NodeBB

    Locked Customisation nodebb
    3
    0 Votes
    3 Posts
    3k Views
    phenomlab
    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation