Skip to content

NodeBB customisation

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

  • JAC JAC

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

    wrote on last edited by

    @jac Not all all.


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
  • 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
  • [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.
  • Social icon (Nodebb)

    Solved Customisation nodebb social
    7
    0 Votes
    7 Posts
    3k Views
    JAC
    @phenomlab said in Social icon (Nodebb): @jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine [image: 73e805e1-997b-41bf-9259-51c5052ca8fc-image.png] fixed
  • How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in How to set a signature in NodeBB?: @jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below [image: 7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png] You can set the signature by using https://domain.com/user/theuser/edit Mamy thanks Mark, I’ll set this up later .
  • Customising NodeBB

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