Skip to content

Title on homepage of nodebb forum

Solved Customisation
  • I have a nodebb forum but theres no place to put subheading info, briefly describing what forum is about.
    You have this on your page saying “Technology Consultancy and Advisory”
    I understand you did this with custom code?
    Please can you share how I can add this similarly
    Thanks

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

  • undefined phenomlab has marked this topic as solved on 10 Oct 2022, 12:08
  • undefined phenomlab forked this topic on 1 Apr 2023, 10:31


1/2

9 Oct 2022, 12:58


Did this solution help you?
Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation 💗

Related Topics