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
  • Nodebb vs Wordpress vs Other

    General wordpress nodebb woocomerce business
    4
    5 Votes
    4 Posts
    2k Views
    DownPW
    PrestaShop + modules IA https://www.prestashop.com Magento https://developer.adobe.com/open/magento
  • 14 Votes
    17 Posts
    5k Views
    DownPW
    No problem dude ! I hope you have a good vacation. Enjoy your loved ones!
  • who is read NodeBB

    Customisation read post nodebb
    6
    0 Votes
    6 Posts
    3k Views
    phenomlab
    @cagatay You should ask in the NodeBB forums. Perhaps reference this post https://discuss.flarum.org/d/23066-who-read
  • 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
  • Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • [NodeBB] Import custom Font

    Solved Customisation custom fonts nodebb css
    12
    3 Votes
    12 Posts
    5k Views
    phenomlab
    @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.
  • [NODEBB] Scroll Button

    Solved Customisation css javascript html scroll button
    7
    1
    0 Votes
    7 Posts
    3k Views
    phenomlab
    @downpw ooops. Forgot that. Thanks for adding.
  • 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