Skip to content

NodeBB customisation

Locked Customisation
332 4 274.2k 1
  • @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.

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

    wrote on last edited by
    #35

    @phenomlab I understand 🙂 that’s fine 😛

  • JAC JAC

    @phenomlab I understand 🙂 that’s fine 😛

    wrote on last edited by phenomlab
    #36

    @jac they could be displayed, but would need refactoring to ensure the layout and experience remain intact.

  • @jac they could be displayed, but would need refactoring to ensure the layout and experience remain intact.

    wrote on last edited by
    #37

    @phenomlab thanks, something like that could work yes, I just don’t like it looking plain, that’s why I’m trying to make little changes here and there, thanks as always for the assistance 😄

  • JAC JAC

    @phenomlab thanks, something like that could work yes, I just don’t like it looking plain, that’s why I’m trying to make little changes here and there, thanks as always for the assistance 😄

    wrote on last edited by
    #38

    @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

  • @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

    wrote on last edited by
    #39

    @phenomlab said in NodeBB customisation:

    @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

    Of course yes, I’ll probably just leave it how it is and make other changes such as font etc.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

    Of course yes, I’ll probably just leave it how it is and make other changes such as font etc.

    wrote on last edited by
    #40

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

    Of course yes, I’ll probably just leave it how it is and make other changes such as font etc.

    Hi Mark,

    I thought if I made changes bit by bit that may be better…

    How can I get the quotes background in blue with a nice font on? That stands out.

    Many thanks.

  • JAC JAC

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac I think my only concern here is the size and placement. If it’s too crammed, that detracts from the user experience and removes the focus away from the actual content.

    Of course yes, I’ll probably just leave it how it is and make other changes such as font etc.

    Hi Mark,

    I thought if I made changes bit by bit that may be better…

    How can I get the quotes background in blue with a nice font on? That stands out.

    Many thanks.

    wrote on last edited by
    #41

    @jac Like the above (the one used here) ?

  • @jac Like the above (the one used here) ?

    wrote on last edited by
    #42

    @phenomlab said in NodeBB customisation:

    @jac Like the above (the one used here) ?

    Something like that if it’s possible yes without copying and upsetting the designer 😉, as in don’t give me the code if you’re not happy to 😆.

    Many thanks.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Like the above (the one used here) ?

    Something like that if it’s possible yes without copying and upsetting the designer 😉, as in don’t give me the code if you’re not happy to 😆.

    Many thanks.

    wrote on last edited by
    #43

    @jac I’ve no issues at all with this.

  • @jac I’ve no issues at all with this.

    wrote on last edited by
    #44

    @phenomlab said in NodeBB customisation:

    @jac I’ve no issues at all with this.

    Many thanks as always for this.

    Of course the reason I asked was as discussed in our previous chats I didn’t want to copy what you have done although 100% loving your ideas / work. 👍🏻

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac I’ve no issues at all with this.

    Many thanks as always for this.

    Of course the reason I asked was as discussed in our previous chats I didn’t want to copy what you have done although 100% loving your ideas / work. 👍🏻

    wrote on last edited by
    #45

    @jac all the work in terms of design and layout is open source, so you can take what you want without needing to ask. The only point where I draw the line is where your site becomes a direct replica in terms of appearance to this one.

  • @jac all the work in terms of design and layout is open source, so you can take what you want without needing to ask. The only point where I draw the line is where your site becomes a direct replica in terms of appearance to this one.

    wrote on last edited by
    #46

    @phenomlab said in NodeBB customisation:

    @jac all the work in terms of design and layout is open source, so you can take what you want without needing to ask. The only point where I draw the line is where your site becomes a direct replica in terms of appearance to this one.

    Absolutely mate, I wouldn’t do that 😁.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac all the work in terms of design and layout is open source, so you can take what you want without needing to ask. The only point where I draw the line is where your site becomes a direct replica in terms of appearance to this one.

    Absolutely mate, I wouldn’t do that 😁.

    wrote on last edited by
    #47

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac all the work in terms of design and layout is open source, so you can take what you want without needing to ask. The only point where I draw the line is where your site becomes a direct replica in terms of appearance to this one.

    Absolutely mate, I wouldn’t do that 😁.

    Certainly interesting how the standard quote image is pretty much a line, it’s well changed and I’d have no clue how you managed to achieve it 😉.


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 .
  • 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.
  • 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
  • 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
  • [NODEBB] Stats

    Unsolved Customisation plugin stats script
    20
    1
    2 Votes
    20 Posts
    6k Views
    JAC
    @phenomlab said in [NODEBB] Stats: @jac or I land up fixing it I wouldn’t put it past you
  • 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.