Skip to content

NodeBB customisation

Locked Customisation
332 4 274.3k 1
  • @jac Do you want something like the banner that appears on this site at the top with a link to the welcome page ?

    Screenshot_20211003-221306.jpg

    If so, this is simple html that can be added as a widget and placed anywhere you want specifically, or globally if you prefer.

    wrote on last edited by
    #88

    @phenomlab said in NodeBB customisation:

    @jac Do you want something like the banner that appears on this site at the top with a link to the welcome page ?

    Screenshot_20211003-221306.jpg

    If so, this is simple html that can be added as a widget and placed anywhere you want specifically, or globally if you prefer.

    Looks great, I did install the announcement plugin as I thought that would display an announcement at the top of the forum but I think it’s actually for something else.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Do you want something like the banner that appears on this site at the top with a link to the welcome page ?

    Screenshot_20211003-221306.jpg

    If so, this is simple html that can be added as a widget and placed anywhere you want specifically, or globally if you prefer.

    Looks great, I did install the announcement plugin as I thought that would display an announcement at the top of the forum but I think it’s actually for something else.

    wrote on last edited by phenomlab
    #89

    @jac Yeah, I fell into that trap also. Let me know what you want the banner to display and I’ll provide the code and placement.

  • @jac Yeah, I fell into that trap also. Let me know what you want the banner to display and I’ll provide the code and placement.

    wrote on last edited by
    #90

    @phenomlab said in NodeBB customisation:

    @jac Yeah, I fell into that trap also. Let me know what you want the banner to display and I’ll provide the code and placement.

    Apologies, I haven’t seen this until now. I’m more than happy to go ahead and use the code with a blue background with white writing as long as you are ok with it?

    I just want to let users know the forum is new and far from finished 😉.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Yeah, I fell into that trap also. Let me know what you want the banner to display and I’ll provide the code and placement.

    Apologies, I haven’t seen this until now. I’m more than happy to go ahead and use the code with a blue background with white writing as long as you are ok with it?

    I just want to let users know the forum is new and far from finished 😉.

    wrote on last edited by
    #91

    @jac Ok. Provide me with some text you’d like, and I’ll update the site for you 🙂

  • @jac Ok. Provide me with some text you’d like, and I’ll update the site for you 🙂

    wrote on last edited by
    #92

    @phenomlab said in NodeBB customisation:

    @jac Ok. Provide me with some text you’d like, and I’ll update the site for you 🙂

    Chat incoming >>>>

    Many thanks 👍🏻

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Ok. Provide me with some text you’d like, and I’ll update the site for you 🙂

    Chat incoming >>>>

    Many thanks 👍🏻

    wrote on last edited by
    #93

    Do you remember how to remove the quote area out of the slider at all Mark?

    I remember it being done last time.

    Thanks 😁.

  • JAC JAC

    Do you remember how to remove the quote area out of the slider at all Mark?

    I remember it being done last time.

    Thanks 😁.

    wrote on last edited by
    #94

    @jac said in NodeBB customisation:

    Do you remember how to remove the quote area out of the slider at all Mark?

    I remember it being done last time.

    Thanks 😁.

    IMG_20211005_164538.jpg

  • JAC JAC

    @jac said in NodeBB customisation:

    Do you remember how to remove the quote area out of the slider at all Mark?

    I remember it being done last time.

    Thanks 😁.

    IMG_20211005_164538.jpg

    wrote on last edited by
    #95

    @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    
  • @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    
    wrote on last edited by
    #96

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    

    Many thanks mate, that’s worked 😁😁.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    

    Many thanks mate, that’s worked 😁😁.

    wrote on last edited by
    #97

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    

    Many thanks mate, that’s worked 😁😁.

    Whilst I’m at it am I ok to suggest this change? - IMG_20211005_173446.jpg the read posts bar at the bottom of the page?

    Maybe have that in a yellow and then changing to blue once it has been read?

    Is this possible? I remember it being done last time. What a fool I was to not back it up properly last time, I lost some good CSS changes mate as you know.

  • JAC JAC

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .recent-card-body blockquote, .recent-card-body blockquote p {
        background: none;
        color: #000000;
        border-left: none;
    }
    .recent-card-body blockquote:after {
        border: none;
    }
    

    Many thanks mate, that’s worked 😁😁.

    Whilst I’m at it am I ok to suggest this change? - IMG_20211005_173446.jpg the read posts bar at the bottom of the page?

    Maybe have that in a yellow and then changing to blue once it has been read?

    Is this possible? I remember it being done last time. What a fool I was to not back it up properly last time, I lost some good CSS changes mate as you know.

    wrote on last edited by phenomlab
    #98

    @jac Try this

    .topic .pagination-block {
        background-color: #ffc557;
    }
    .topic .pagination-block .progress-bar {
        background-color: #194f90;
    }
    .topic .pagination-block .wrapper,
    .topic .pagination-block .pagination-text  {
        color: #ffffff;
    }
  • @jac Try this

    .topic .pagination-block {
        background-color: #ffc557;
    }
    .topic .pagination-block .progress-bar {
        background-color: #194f90;
    }
    .topic .pagination-block .wrapper,
    .topic .pagination-block .pagination-text  {
        color: #ffffff;
    }
    wrote on last edited by
    #99

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .topic .pagination-block {
        background-color: #ffc557;
    }
    .topic .pagination-block .progress-bar {
        background-color: #194f90;
    }
    .topic .pagination-block .wrapper,
    .topic .pagination-block .pagination-text  {
        color: #ffffff;
    }
    

    Fantastic mate, worked a treat again 😁.

    Is the font a little more complicated to do?

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Try this

    .topic .pagination-block {
        background-color: #ffc557;
    }
    .topic .pagination-block .progress-bar {
        background-color: #194f90;
    }
    .topic .pagination-block .wrapper,
    .topic .pagination-block .pagination-text  {
        color: #ffffff;
    }
    

    Fantastic mate, worked a treat again 😁.

    Is the font a little more complicated to do?

    wrote on last edited by

    @jac Nope. Do you want the same as is here, but global (for example, the default everywhere) ?

  • @jac Nope. Do you want the same as is here, but global (for example, the default everywhere) ?

    wrote on last edited by

    @phenomlab yes please mate, it’s the possible at all? - happy to choose a different font as wary of copying mate.

    Many thanks as always!

  • JAC JAC

    @phenomlab yes please mate, it’s the possible at all? - happy to choose a different font as wary of copying mate.

    Many thanks as always!

    wrote on last edited by

    Although the font did look great last time. I can’t remember if the header was a different font 😑.

  • JAC JAC

    Although the font did look great last time. I can’t remember if the header was a different font 😑.

    wrote on last edited by

    @jac Let me have a play around with this.

  • @jac Let me have a play around with this.

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Let me have a play around with this.

    Many thanks mate.

  • JAC JAC

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac It’s in the above post 😉

    Apologies! 😁

    Worked a treat! Many thanks again 👍🏻.

    Am ok to keep posting little tweaks that I am looking to change?

    Looking to change the font & number of read posts.

    IMG_20210927_212333.jpg

    Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

    Is this something that is possible? I seem to remember it working out well on the last installation.

    Many thanks.

    I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
    IMG_20210512_092944.jpg

    Is there any way to change the member name colour on the quote? As this clashes with the colour.

    Thanks 👍🏻.

    IMG_20210928_223447.jpg

    wrote on last edited by

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac It’s in the above post 😉

    Apologies! 😁

    Worked a treat! Many thanks again 👍🏻.

    Am ok to keep posting little tweaks that I am looking to change?

    Looking to change the font & number of read posts.

    IMG_20210927_212333.jpg

    Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

    Is this something that is possible? I seem to remember it working out well on the last installation.

    Many thanks.

    I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
    IMG_20210512_092944.jpg

    Is there any way to change the member name colour on the quote? As this clashes with the colour.

    Thanks 👍🏻.

    IMG_20210928_223447.jpg

    Youll see the title don’t appears to be different or bold.

    Many thanks as always!

  • JAC JAC

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac It’s in the above post 😉

    Apologies! 😁

    Worked a treat! Many thanks again 👍🏻.

    Am ok to keep posting little tweaks that I am looking to change?

    Looking to change the font & number of read posts.

    IMG_20210927_212333.jpg

    Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

    Is this something that is possible? I seem to remember it working out well on the last installation.

    Many thanks.

    I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
    IMG_20210512_092944.jpg

    Is there any way to change the member name colour on the quote? As this clashes with the colour.

    Thanks 👍🏻.

    IMG_20210928_223447.jpg

    Youll see the title don’t appears to be different or bold.

    Many thanks as always!

    wrote on last edited by

    @jac I fixed that a while back

    5ef8bafc-394b-4c8e-a938-ec3a40722a53-image.png

  • JAC JAC

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac It’s in the above post 😉

    Apologies! 😁

    Worked a treat! Many thanks again 👍🏻.

    Am ok to keep posting little tweaks that I am looking to change?

    Looking to change the font & number of read posts.

    IMG_20210927_212333.jpg

    Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

    Is this something that is possible? I seem to remember it working out well on the last installation.

    Many thanks.

    I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
    IMG_20210512_092944.jpg

    Is there any way to change the member name colour on the quote? As this clashes with the colour.

    Thanks 👍🏻.

    IMG_20210928_223447.jpg

    Youll see the title don’t appears to be different or bold.

    Many thanks as always!

    wrote on last edited by

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac It’s in the above post 😉

    Apologies! 😁

    Worked a treat! Many thanks again 👍🏻.

    Am ok to keep posting little tweaks that I am looking to change?

    Looking to change the font & number of read posts.

    IMG_20210927_212333.jpg

    Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

    Is this something that is possible? I seem to remember it working out well on the last installation.

    Many thanks.

    I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
    IMG_20210512_092944.jpg

    Is there any way to change the member name colour on the quote? As this clashes with the colour.

    Thanks 👍🏻.

    IMG_20210928_223447.jpg

    Youll see the title don’t appears to be different or bold.

    Many thanks as always!

    Apologies it’s this mate, it was hiding at the start of the quote.


Related Topics
  • Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    3k Views
    DownPW
    I’m happy to see this
  • 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
  • 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] greeting message

    Solved Customisation css nodebb javascript
    2
    1
    3 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358
  • [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
  • 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.