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
  • NodeBB recent cards customisation

    Solved Customisation nodebb recent cards
    3
    1
    2 Votes
    3 Posts
    1k Views
    JAC
    @phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
  • "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.
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    6k 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]
  • 0 Votes
    5 Posts
    2k Views
    phenomlab
    @qwinter this particular site uses the code I wrote if you want to see it in action. It’s a information and intelligence gatherer I designed for collecting various information security articles from around the globe and consolidating them in one place. Essentially, each “post” is in fact generated by the script, and the NodeBB API. https://hostrisk.com/
  • 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 dropdown menu

    Solved Configure nodebb
    5
    1
    0 Votes
    5 Posts
    3k Views
    JAC
    @phenomlab said in nodebb dropdown menu: @kurulumu-net You set it like the below example taken from this site [image: aae36790-3257-4bb2-ad5a-0d744309876a-image.png] Which presents this [image: 77f47260-2941-4afe-9614-8e17dcfc8c19-image.png] Very interesting… I actually thought this wasn’t possible, as I remember it being asked in the NodeBB forum. Is this something new that’s been implemented? I’ll 100% be doing that when I’m on the laptop over the weekend.
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.