Skip to content

NodeBB customisation

Locked Customisation
332 4 134.4k 1
  • @phenomlab said in NodeBB customisation:

    @jac No issues. It’s really just a font 🤷♂
    Thanks for providing the screenshots. This is useful. I’ll get to this ASAP.

    Many thanks Mark,

    As previously discussed I know you don’t want things copying although the reason I ask for the changes to be replicated as they are great ideas and improve the design etc.

    @jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

    In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

  • @jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

    In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

    @phenomlab said in NodeBB customisation:

    @jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

    In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

    Many thanks, sounds like a good idea mate definitely!

    The issue surrounding copying your site theme etc is absolutely understable, although for me I’ll 100% say that a few bits of css code changes and the plain theme is no more.

    I think generally I’d never have achieved the simplest CSS change or known how to do or without the code shared earlier which I thank you for and of course hope to learn myself through the planned blog post.

  • @phenomlab said in NodeBB customisation:

    @jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

    In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

    Many thanks, sounds like a good idea mate definitely!

    The issue surrounding copying your site theme etc is absolutely understable, although for me I’ll 100% say that a few bits of css code changes and the plain theme is no more.

    I think generally I’d never have achieved the simplest CSS change or known how to do or without the code shared earlier which I thank you for and of course hope to learn myself through the planned blog post.

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

    In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

    Many thanks, sounds like a good idea mate definitely!

    The issue surrounding copying your site theme etc is absolutely understable, although for me I’ll 100% say that a few bits of css code changes and the plain theme is no more.

    I think generally I’d never have achieved the simplest CSS change or known how to do or without the code shared earlier which I thank you for and of course hope to learn myself through the planned blog post.

    I don’t mind if you want to make the changes under ‘phenomlab’ or if you want to post the code here and then I can add it into the code.

    Many thanks

    Hope the decorating is going well 😉.

  • @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

    @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

  • @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

    @jac Sorry for late reply. You can use the below for this. I also noticed that the blockquote text was black, so the second line blockquote p will also resolve that.

    blockquote a.plugin-mentions-user.plugin-mentions-a,
    blockquote p {
        color: #ffffff;
    }
    
  • @jac Sorry for late reply. You can use the below for this. I also noticed that the blockquote text was black, so the second line blockquote p will also resolve that.

    blockquote a.plugin-mentions-user.plugin-mentions-a,
    blockquote p {
        color: #ffffff;
    }
    

    @phenomlab said in NodeBB customisation:

    @jac Sorry for late reply. You can use the below for this. I also noticed that the blockquote text was black, so the second line blockquote p will also resolve that.

    blockquote a.plugin-mentions-user.plugin-mentions-a,
    blockquote p {
        color: #ffffff;
    }
    

    No problem Mark

    That’s worked a treat, thank you very much!

  • @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

    Although the bottom colour is a little dark for County still looked great 😉

    @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

    Although the bottom colour is a little dark for County still looked great 😉

    Off work today so hopefully I can achieve some more changes 👍🏻

  • @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

    Although the bottom colour is a little dark for County still looked great 😉

    Off work today so hopefully I can achieve some more changes 👍🏻

    @jac ok.

  • @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

    @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

    How can I achieve this font and look again?

  • @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

    How can I achieve this font and look again?

    @jac The Font that Sudonix uses ?

  • @jac The Font that Sudonix uses ?

    @phenomlab said in NodeBB customisation:

    @jac The Font that Sudonix uses ?

    Is it the same font sorry?

    Do you want me to choose something else?

    I thought it looked a little bolder?

    Many thanks

  • Is there any way to achieve a notification to let users know that the forum isn’t quite up to scratch yet etc?

    Many thanks 👍🏻

  • Is there any way to achieve a notification to let users know that the forum isn’t quite up to scratch yet etc?

    Many thanks 👍🏻

    @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.

  • @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.

    @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.

  • @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 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.

    @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 😉.

  • @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 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 🙂

    @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 👍🏻

  • @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 👍🏻

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

    I remember it being done last time.

    Thanks 😁.

  • 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 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


Related Topics
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    3k Views
    @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.
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    1k Views
    @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] Scroll Button

    Solved Customisation css javascript html scroll button
    7
    1
    0 Votes
    7 Posts
    2k Views
    @downpw ooops. Forgot that. Thanks for adding.
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    5k Views
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    2k Views
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    2k Views
    @RiekMedia hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    2k Views
    @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.
  • Forum customisation

    Customisation forum customise
    17
    3 Votes
    17 Posts
    3k Views
    @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.