Skip to content

NodeBB customisation

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

    @jac Do you have anything in mind for the body font ? I recall last time we used Poppins (which happens to be the fine used here)

    I’ll have to have a look, I remember yes. Looks great, although I’m mindful of copying.

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

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

    @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 No issues. It’s really just a font 🤷♂
    Thanks for providing the screenshots. This is useful. I’ll get to this ASAP.

    @phenomlab said in NodeBB customisation:

    Thanks for providing the screenshots. This is useful.

    Not a problem 😁

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


Related Topics
  • Forum customisation

    Customisation nodebb forum customised
    11
    2
    6 Votes
    11 Posts
    1k Views
    Thank you Mark, the changes look fantastic!!
  • 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 inline videoplayer

    Solved Customisation nodebb
    12
    3 Votes
    12 Posts
    2k Views
    @phenomlab YAY! It works Thanks so much
  • 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] username cards

    Solved Customisation nodebb
    8
    5 Votes
    8 Posts
    2k Views
    @phenomlab Aha…nice to know. As always thank you for the reply and information.
  • 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.
  • Customising NodeBB

    Locked Customisation nodebb
    3
    0 Votes
    3 Posts
    2k Views
    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation