Skip to content
Sudonix

Forum customisation

Customisation

Related Topics
  • phenomlabundefined

    Who uses Flarum?

    Chitchat
    22
    7 Votes
    22 Posts
    389 Views
    phenomlabundefined

    @Madchatthew I use it here. It is faster, but not sure if that extends to build times.

  • JACundefined

    NodeBB recent cards customisation

    Solved Customisation
    3
    2 Votes
    3 Posts
    114 Views
    JACundefined

    @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 šŸ¤šŸ‘šŸ».

  • DownPWundefined

    nodebb-user-level customisation : popover element

    Solved Customisation
    15
    6 Votes
    15 Posts
    1k Views
    DownPWundefined

    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.

  • cagatayundefined

    Forum Icons NodeBB

    Solved Customisation
    13
    0 Votes
    13 Posts
    1k Views
    phenomlabundefined

    @cagatay That matches what I see

    4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png

  • Pandaundefined

    Title on homepage of nodebb forum

    Solved Customisation
    2
    1 Votes
    2 Posts
    676 Views
    phenomlabundefined

    @eveh Welcome board šŸ™‚

    The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps

    Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; }

    Note, that you will need to adjust your CSS code to suit your own site / requirements.

  • Sampo2910undefined

    Link Text Colour.

    Solved Customisation
    5
    2 Votes
    5 Posts
    424 Views
    Sampo2910undefined

    @phenomlab Thx again for the reply.

    Well I am sure that it will be well worth the wait. šŸ™‚ I will watch with anticipation. For now it is OK. Just small minor irritations I fell in a lot of NodeBB ā€˜defaultā€™ things.

  • Sampo2910undefined

    Forum Statistics Box

    Solved Customisation
    5
    4 Votes
    5 Posts
    482 Views
    phenomlabundefined

    @Sampo2910 said in Forum Statistics Box:

    Say i wanted new theme for example or again something like this?

    Yes, exactly the same process.

  • JACundefined

    Customising NodeBB

    Locked Customisation
    3
    0 Votes
    3 Posts
    750 Views
    phenomlabundefined

    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation