Skip to content

NodeBB customisation

Locked Customisation
332 4 274.3k 1
  • @jac said in NodeBB customisation:

    @phenomlab very happy to hear this 😁🙌🏻

    Yes, but the key here is to not over egg…

    wrote on last edited by

    @phenomlab Absolutely, I’m just looking to do subtle changes which I think you have achieved so far, can’t thank you enough for the help given via Sudonix 👏🏻.

  • JAC JAC

    @phenomlab Absolutely, I’m just looking to do subtle changes which I think you have achieved so far, can’t thank you enough for the help given via Sudonix 👏🏻.

    wrote on last edited by

    @jac IMG_20211109_175456.jpg

    Is there any way to chance the colour of these at all?

  • JAC JAC

    @jac IMG_20211109_175456.jpg

    Is there any way to chance the colour of these at all?

    wrote on last edited by

    @jac I was thinking the boxes to have a blue background with white icons, and for the reply arrow to be a yellow background colour with a white or blue arrow icon.

  • JAC JAC

    @jac IMG_20211109_175456.jpg

    Is there any way to chance the colour of these at all?

    wrote on last edited by

    @jac yes, but the css classes used by these are also used elsewhere which may result in undesirable behavior elsewhere.

  • @jac yes, but the css classes used by these are also used elsewhere which may result in undesirable behavior elsewhere.

    wrote on last edited by

    @phenomlab hmm! I see, it’s a tough one then!?

  • JAC JAC

    @phenomlab hmm! I see, it’s a tough one then!?

    wrote on last edited by

    @jac just looking at other little bits to improve then…

    What about doing the reverse of the ‘forum stats’ widget?

    IMG_20211109_224511.jpg

    Many thanks as always.

  • JAC JAC

    @jac just looking at other little bits to improve then…

    What about doing the reverse of the ‘forum stats’ widget?

    IMG_20211109_224511.jpg

    Many thanks as always.

    wrote on last edited by phenomlab

    @jac Like this ?

    10ded0f6-35fa-4487-8711-b09947f4c8e6-image.png

    Revised and simplified CSS

    .custom {
        background: #ffc557 !important;
        color: #00205c!important
    }
    .custom a {
        color: #00205c !important;
    }
    .custom2 {
        background: #194F90 !important;
        color: #ffffff;
    }
    .custom2 small {
        color: #ffffff;
        font-size: 40%;
    }
    
  • @jac Like this ?

    10ded0f6-35fa-4487-8711-b09947f4c8e6-image.png

    Revised and simplified CSS

    .custom {
        background: #ffc557 !important;
        color: #00205c!important
    }
    .custom a {
        color: #00205c !important;
    }
    .custom2 {
        background: #194F90 !important;
        color: #ffffff;
    }
    .custom2 small {
        color: #ffffff;
        font-size: 40%;
    }
    
    wrote on last edited by

    @phenomlab brilliant mate, thanks very much for that 😁.

  • JAC JAC

    @phenomlab brilliant mate, thanks very much for that 😁.

    wrote on last edited by

    I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

  • JAC JAC

    I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

    wrote on last edited by

    @jac said in NodeBB customisation:

    I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

    Either that or the blue background and white writing?

  • JAC JAC

    @jac said in NodeBB customisation:

    I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

    Either that or the blue background and white writing?

    wrote on last edited by

    @jac I know we thought it would clash with the header but it’d certainly be interesting to see how it looks.

  • JAC JAC

    @jac I know we thought it would clash with the header but it’d certainly be interesting to see how it looks.

    wrote on last edited by

    @jac Here you go

    Blue font

    c82d1f42-2fa9-4b60-90a1-cf5537f04797-image.png

    Blue background, writing font

    ec81f3c7-7c01-4b6b-bba3-f068cede5180-image.png

  • @jac Here you go

    Blue font

    c82d1f42-2fa9-4b60-90a1-cf5537f04797-image.png

    Blue background, writing font

    ec81f3c7-7c01-4b6b-bba3-f068cede5180-image.png

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Here you go

    Blue font

    c82d1f42-2fa9-4b60-90a1-cf5537f04797-image.png

    Blue background, writing font

    ec81f3c7-7c01-4b6b-bba3-f068cede5180-image.png

    The blue with white coloured font does look good!

  • @jac Here you go

    Blue font

    c82d1f42-2fa9-4b60-90a1-cf5537f04797-image.png

    Blue background, writing font

    ec81f3c7-7c01-4b6b-bba3-f068cede5180-image.png

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    Blue background, writing font

    Definitely matches the team’s first colours better anyway 😁 how do I override the yellow Mark?

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    Blue background, writing font

    Definitely matches the team’s first colours better anyway 😁 how do I override the yellow Mark?

    wrote on last edited by

    @jac It’s done mate.

  • @jac It’s done mate.

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac It’s done mate.

    Brilliant, many thanks Mark 😁😁.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac It’s done mate.

    Brilliant, many thanks Mark 😁😁.

    wrote on last edited by

    Hi Mark,

    How do get an image to show at the top of the the page? I think I discussed this in a previous thread or possibly this one, to have like Stockport fans at the top of the page or a big banner that reflects what the forum is about.

  • JAC JAC

    Hi Mark,

    How do get an image to show at the top of the the page? I think I discussed this in a previous thread or possibly this one, to have like Stockport fans at the top of the page or a big banner that reflects what the forum is about.

    wrote on last edited by

    @jac Like this ?

    7a8544d2-c6be-4948-8e36-71a71efefb10-image.png

  • @jac Like this ?

    7a8544d2-c6be-4948-8e36-71a71efefb10-image.png

    wrote on last edited by

    @phenomlab yes but without copying, so possibly somehow different 😆. If not possible don’t worry.

    Have requested the logo from @katos and once the logo is added and a banner or something like what you sent me it will look fantastic!

  • JAC JAC

    @phenomlab yes but without copying, so possibly somehow different 😆. If not possible don’t worry.

    Have requested the logo from @katos and once the logo is added and a banner or something like what you sent me it will look fantastic!

    wrote on last edited by

    @jac said in NodeBB customisation:

    @phenomlab yes but without copying, so possibly somehow different 😆. If not possible don’t worry.

    Have requested the logo from @katos and once the logo is added and a banner or something like what you sent me it will look fantastic!

    But believe me although your ideas are fantastic and what you can do to customise the look and feel etc really is brilliant but it is not my intention to copy everything so please accept my apology if it comes across that way Mark.


Related Topics
  • 2 Votes
    1 Posts
    640 Views
    No one has replied
  • Forum customisation

    Customisation nodebb forum customised
    11
    2
    6 Votes
    11 Posts
    3k Views
    JAC
    Thank you Mark, the changes look fantastic!!
  • 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] 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 Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @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
    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.