Skip to content

NodeBB customisation

Locked Customisation
332 4 274.3k 1
  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Which page does this occur on ?

    Absolutely fantastic mate, can’t thank you enough.

    All the current custom pages that I have created do it unfortunately. They seem to bunch the text together, it’s probably because I haven’t styled it.

    wrote on last edited by

    @jac Can you elaborate a bit more on this ? I see text on the pages, but that’s it. I also see this

    44d26477-a366-457c-aeb3-e1eadac22355-image.png

    What is the intention of this ?

  • @jac Can you elaborate a bit more on this ? I see text on the pages, but that’s it. I also see this

    44d26477-a366-457c-aeb3-e1eadac22355-image.png

    What is the intention of this ?

    wrote on last edited by JAC

    @phenomlab said in NodeBB customisation:

    @jac Can you elaborate a bit more on this ? I see text on the pages, but that’s it. I also see this

    44d26477-a366-457c-aeb3-e1eadac22355-image.png

    What is the intention of this ?

    Sure…

    Basically I want to display fixtures, results, tables etc so I have created custom pages for them all.

    If you see here you’ll see that the text after the home fixtures & results in the widget is intended to display underneath the fixtures title but instead this just bunches up on the same line.

    IMG_20211129_121502.jpg

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Can you elaborate a bit more on this ? I see text on the pages, but that’s it. I also see this

    44d26477-a366-457c-aeb3-e1eadac22355-image.png

    What is the intention of this ?

    Sure…

    Basically I want to display fixtures, results, tables etc so I have created custom pages for them all.

    If you see here you’ll see that the text after the home fixtures & results in the widget is intended to display underneath the fixtures title but instead this just bunches up on the same line.

    IMG_20211129_121502.jpg

    wrote on last edited by

    @jac Ok. I see this currently

    49a3e371-87aa-4157-a140-f7a2932a835d-image.png

    The reason for this is that HTML markup can’t interpret a basic line break unless you tell it to do that with a <br> tag, so you need to remove the physical space and replace it with the line break code as shown below

    2edba587-c909-452b-9fd2-c278117f9910-image.png

    This will then show

    8e591658-f8ce-4450-a087-221959170ef4-image.png

  • @jac Ok. I see this currently

    49a3e371-87aa-4157-a140-f7a2932a835d-image.png

    The reason for this is that HTML markup can’t interpret a basic line break unless you tell it to do that with a <br> tag, so you need to remove the physical space and replace it with the line break code as shown below

    2edba587-c909-452b-9fd2-c278117f9910-image.png

    This will then show

    8e591658-f8ce-4450-a087-221959170ef4-image.png

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Ok. I see this currently

    49a3e371-87aa-4157-a140-f7a2932a835d-image.png

    The reason for this is that HTML markup can’t interpret a basic line break unless you tell it to do that with a <br> tag, so you need to remove the physical space and replace it with the line break code as shown below

    2edba587-c909-452b-9fd2-c278117f9910-image.png

    This will then show

    8e591658-f8ce-4450-a087-221959170ef4-image.png

    Fantastic Mark, I will fix the others later. I am looking to have big bold titles like last time, is this also possible with some styling?

    Many thanks as always!

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Ok. I see this currently

    49a3e371-87aa-4157-a140-f7a2932a835d-image.png

    The reason for this is that HTML markup can’t interpret a basic line break unless you tell it to do that with a <br> tag, so you need to remove the physical space and replace it with the line break code as shown below

    2edba587-c909-452b-9fd2-c278117f9910-image.png

    This will then show

    8e591658-f8ce-4450-a087-221959170ef4-image.png

    Fantastic Mark, I will fix the others later. I am looking to have big bold titles like last time, is this also possible with some styling?

    Many thanks as always!

    wrote on last edited by

    @jac sorry to be a pain.

    Is there any way to change the user links to a yellow colour mate? Or is this generically set in NodeBB?

    IMG_20211129_123221.jpg

    Many thanks.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Ok. I see this currently

    49a3e371-87aa-4157-a140-f7a2932a835d-image.png

    The reason for this is that HTML markup can’t interpret a basic line break unless you tell it to do that with a <br> tag, so you need to remove the physical space and replace it with the line break code as shown below

    2edba587-c909-452b-9fd2-c278117f9910-image.png

    This will then show

    8e591658-f8ce-4450-a087-221959170ef4-image.png

    Fantastic Mark, I will fix the others later. I am looking to have big bold titles like last time, is this also possible with some styling?

    Many thanks as always!

    wrote on last edited by

    @jac You should use the h element for this (header). See below example

    86614670-23a0-4d06-a4c0-21954337e3da-image.png

  • JAC JAC

    @jac sorry to be a pain.

    Is there any way to change the user links to a yellow colour mate? Or is this generically set in NodeBB?

    IMG_20211129_123221.jpg

    Many thanks.

    wrote on last edited by

    @jac This should do it

    .widget-board-stats a {
        color: #ffc557;
    }
    
  • @jac This should do it

    .widget-board-stats a {
        color: #ffc557;
    }
    
    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac This should do it

    .widget-board-stats a {
        color: #ffc557;
    }
    

    Many thanks pal, I’ll try this later when back in.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac This should do it

    .widget-board-stats a {
        color: #ffc557;
    }
    

    Many thanks pal, I’ll try this later when back in.

    wrote on last edited by

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac This should do it

    .widget-board-stats a {
        color: #ffc557;
    }
    

    Many thanks pal, I’ll try this later when back in.

    Worked an absolute treat as always!

    Many thanks Mark! 😁

  • JAC JAC

    @phenomlab Brilliant!!

    Thanks ever so much!! 🙂

    Now I need to try pull in new members ❓ 😛

    wrote on last edited by phenomlab

    Sorry Mark, whilst you’re online, I’ve just noticed the search icon is grey.

    Would there be any way to have the search icon in yellow and when hovered over it turns to white at all?

    Screenshot 2021-12-06 at 13-09-43 Rotherham United 1-0 Stockport County Hatters TV Vlog.png

    Many thanks

  • JAC JAC

    Sorry Mark, whilst you’re online, I’ve just noticed the search icon is grey.

    Would there be any way to have the search icon in yellow and when hovered over it turns to white at all?

    Screenshot 2021-12-06 at 13-09-43 Rotherham United 1-0 Stockport County Hatters TV Vlog.png

    Many thanks

    wrote on last edited by

    @jac Done

  • wrote on last edited by

    @phenomlab said in NodeBB - Created pages not found?:

    @jac Done

    fantastic! thank you very much for all the continued help as always 🙂 .

  • JAC JAC

    @phenomlab said in NodeBB - Created pages not found?:

    @jac Done

    fantastic! thank you very much for all the continued help as always 🙂 .

    wrote on last edited by

    Thinking of changing the title font to blue (without the blue strip) is this possible?

    Many thanks

  • JAC JAC

    Thinking of changing the title font to blue (without the blue strip) is this possible?

    Many thanks

    wrote on last edited by

    @jac Done

    09bb2d46-aabe-42be-9e67-00d87e41ff1e-image.png

  • wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Done

    09bb2d46-aabe-42be-9e67-00d87e41ff1e-image.png

    Thanks mate for that.

    I can’t get used to having the white background 😳 sorry to mess you around mate, is there any way to have the yellow background back with the blue writing sorry matey.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Done

    09bb2d46-aabe-42be-9e67-00d87e41ff1e-image.png

    Thanks mate for that.

    I can’t get used to having the white background 😳 sorry to mess you around mate, is there any way to have the yellow background back with the blue writing sorry matey.

    wrote on last edited by

    @jac said in NodeBB customisation:

    sorry to mess you around mate, is there any way to have the yellow background back with the blue writing sorry matey.

    I know you’re a busy man Mark, just wanted to make sure that you’d seen this.

  • JAC JAC

    @jac said in NodeBB customisation:

    sorry to mess you around mate, is there any way to have the yellow background back with the blue writing sorry matey.

    I know you’re a busy man Mark, just wanted to make sure that you’d seen this.

    wrote on last edited by

    @jac Done

  • wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Done

    Many thanks as always 👍🏻😁

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Done

    Many thanks as always 👍🏻😁

    wrote on last edited by JAC

    @phenomlab

    Hi Mark,

    Is there any way to put a borer on these boxes or style them to match the other widgets? So for example like the quote link and hover colour?

    IMG_20220112_195501.jpg

    Many thanks

  • JAC JAC

    @phenomlab

    Hi Mark,

    Is there any way to put a borer on these boxes or style them to match the other widgets? So for example like the quote link and hover colour?

    IMG_20220112_195501.jpg

    Many thanks

    wrote on last edited by

    @jac also do you know if the “user reading discussion” plugin will enable to view who’s reading the thread on mobile?


Related Topics
  • Forum customisation

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

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    4k Views
    phenomlab
    @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
    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.
  • 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