Skip to content

NodeBB customisation

Locked Customisation
332 4 274.2k 1
  • JAC JAC

    @phenomlab I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    wrote on last edited by
    #15

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

  • @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    wrote on last edited by
    #16

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

  • @jac said in NodeBB customisation:

    I notice that in mobile view the above change only changes the forum heading to white, but leaves the icons in grey (is there any fix for this?).

    Yes, it’s probably being overridden with another class that is a closer match. Try this

    @media screen (min-width: 767px) { 
     .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a { 
    color: #ffffff; }
     }
    
    wrote on last edited by
    #17

    @phenomlab said in NodeBB customisation:

    @media screen (min-width: 767px) {
    .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
    color: #ffffff; }
    }

    Thanks Mark, will try this as soon as possible 🙂

  • wrote on last edited by
    #18

    Is there any way to remove the footer code?

    Screenshot 2021-09-12 at 13-32-11 phenomlab.png

  • JAC JAC

    Is there any way to remove the footer code?

    Screenshot 2021-09-12 at 13-32-11 phenomlab.png

    wrote on last edited by
    #19

    change Nav hover colour to #FFC557

    Screenshot 2021-09-12 at 13-34-08 phenomlab.png

  • JAC JAC

    change Nav hover colour to #FFC557

    Screenshot 2021-09-12 at 13-34-08 phenomlab.png

    wrote on last edited by
    #20

    @jac said in NodeBB customisation:

    change Nav hover colour to #FFC557

    Screenshot 2021-09-12 at 13-34-08 phenomlab.png

    I hope it’s ok just firing things into the thread once I find something I may want to change?

  • JAC JAC

    Is there any way to remove the footer code?

    Screenshot 2021-09-12 at 13-32-11 phenomlab.png

    wrote on last edited by
    #21

    @jac Yep. Go into the ACP->Widgets, and you’ll see it under the footer in “Global”

    1e6ad998-4e5e-4b6a-80c3-d214acaeead2-image.png

    See the “x” on the global footer HTML widget ? Delete that, and confirm, then it’ll disappear.

  • JAC JAC

    change Nav hover colour to #FFC557

    Screenshot 2021-09-12 at 13-34-08 phenomlab.png

    wrote on last edited by
    #22

    @jac said in NodeBB customisation:

    change Nav hover colour to #FFC557

    .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a:hover {
        color: #FFC557;
    }
    
  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

    wrote on last edited by
    #23

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

    I can confirm this has indeed work 🙂 thank you very much1 🙂

  • @jac said in NodeBB customisation:

    change Nav hover colour to #FFC557

    .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a:hover {
        color: #FFC557;
    }
    
    wrote on last edited by JAC
    #24

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    change Nav hover colour to #FFC557

    .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a:hover {
        color: #FFC557;
    }
    

    Is there any way to change the tag colours in the post?

    Screenshot 2021-09-12 at 12-03-52 Simon Rusk Post-Match Interview - County 0-3 Yeovil.png

    with white writing and a blue background (#255A9F)

    something I’m looking to do with the quotes block, admittedly like you have done yourself (it looks very smart indeed 😉 )

  • JAC JAC

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

    I can confirm this has indeed work 🙂 thank you very much1 🙂

    wrote on last edited by
    #25

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

    I can confirm this has indeed work 🙂 thank you very much1 🙂

    Has the mobile view nav font changed to white? Would you mind checking, using two browsers one is definitely grey and one looks a little lighter but it’s hard to tell.

  • JAC JAC

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I do have a few changes I have in mind to be made, but am aware of posting them all at once ;).

    You can post them all at once, no issues. You might want to create screenshots and identify the areas that you’d like changed. I have your site URL so it won’t be too tough to accomplish

    Thanks 🙂

    I can confirm this has indeed work 🙂 thank you very much1 🙂

    Has the mobile view nav font changed to white? Would you mind checking, using two browsers one is definitely grey and one looks a little lighter but it’s hard to tell.

    wrote on last edited by phenomlab
    #26

    @jac No, it hasn’t. You’ll need this

    .navbar-default .navbar-toggle {
        color: #ffffff;
    }
    
  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    change Nav hover colour to #FFC557

    .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a:hover {
        color: #FFC557;
    }
    

    Is there any way to change the tag colours in the post?

    Screenshot 2021-09-12 at 12-03-52 Simon Rusk Post-Match Interview - County 0-3 Yeovil.png

    with white writing and a blue background (#255A9F)

    something I’m looking to do with the quotes block, admittedly like you have done yourself (it looks very smart indeed 😉 )

    wrote on last edited by
    #27

    @jac said in NodeBB customisation:

    with white writing and a blue background (#255A9F)

    You’ll need this

    .tag-list .tag {
        background: #255A9F;
        color: #ffffff;
    }
    
  • @jac No, it hasn’t. You’ll need this

    .navbar-default .navbar-toggle {
        color: #ffffff;
    }
    
    wrote on last edited by
    #28

    @phenomlab said in NodeBB customisation:

    @jac No, it hasn’t. You’ll need this

    .navbar-default .navbar-toggle {
        color: #ffffff;
    }
    

    Many thanks mate that has worked 😁

  • @jac said in NodeBB customisation:

    with white writing and a blue background (#255A9F)

    You’ll need this

    .tag-list .tag {
        background: #255A9F;
        color: #ffffff;
    }
    
    wrote on last edited by
    #29

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    with white writing and a blue background (#255A9F)

    You’ll need this

    .tag-list .tag {
        background: #255A9F;
        color: #ffffff;
    }
    

    Have applied this too but unsure if it’s working as I can’t see it on mobile view.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    with white writing and a blue background (#255A9F)

    You’ll need this

    .tag-list .tag {
        background: #255A9F;
        color: #ffffff;
    }
    

    Have applied this too but unsure if it’s working as I can’t see it on mobile view.

    wrote on last edited by
    #30

    @jac Here’s the desktop view

    99ef6f3a-48cf-49d7-8308-0255eaee2e29-image.png

  • @jac Here’s the desktop view

    99ef6f3a-48cf-49d7-8308-0255eaee2e29-image.png

    wrote on last edited by
    #31

    @phenomlab said in NodeBB customisation:

    @jac Here’s the desktop view

    99ef6f3a-48cf-49d7-8308-0255eaee2e29-image.png

    Looks great thanks!

    Is there any way to show tags on mobile post instead of this…

    IMG_20210913_182348.jpg

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Here’s the desktop view

    99ef6f3a-48cf-49d7-8308-0255eaee2e29-image.png

    Looks great thanks!

    Is there any way to show tags on mobile post instead of this…

    IMG_20210913_182348.jpg

    wrote on last edited by
    #32

    @jac Not sure what you mean ?

  • @jac Not sure what you mean ?

    wrote on last edited by
    #33

    @phenomlab said in NodeBB customisation:

    @jac Not sure what you mean ?

    How come the tags don’t show on mobile view?

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Not sure what you mean ?

    How come the tags don’t show on mobile view?

    wrote on last edited by
    #34

    @jac They are hidden by default because of the lack of screen estate.


Related Topics
  • 2 Votes
    1 Posts
    639 Views
    No one has replied
  • 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 .
  • 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.
  • nodebb-user-level customisation : popover element

    Solved Customisation css user level plugin custom
    15
    6 Votes
    15 Posts
    5k Views
    DownPW
    No no, I said that in the sense that he told me it was simple ^^ I was able to see that this was not the case by targeting the elements he had advised me.
  • [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
  • [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.
  • Forum customisation

    Customisation forum customise
    17
    3 Votes
    17 Posts
    6k Views
    JAC
    @jac said in Forum customisation: @phenomlab said in Forum customisation: @jac 100%. Just setting up some free time. I’m on annual leave from work offer the coming 2 weeks so hopefully will have a bit more time then. Not a problem Mark, I don’t wish for you to use all your spare time doing that, just do it when you can, no issues I know you’re busy doing other things but when you get a chance mate I’m happy for this to go ahead along with the RSS script.