Skip to content
Sudonix

Composer Zen icon?

Solved Configure
Log in to reply

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
  • crazycellsundefined

    how to hide "moved" badge with CSS?

    Solved Customisation
    12
    1
    3 Votes
    12 Posts
    771 Views
    phenomlabundefined
    @crazycells ah, I see. That makes sense.
  • crazycellsundefined

    how to prevent DDoS attacks ?

    Solved Vulnerability
    34
    17 Votes
    34 Posts
    3k Views
    crazycellsundefined
    @phenomlab thank you very much, this was helpful. Everything looks ok
  • crazycellsundefined

    using exclusive nodebb forum data to create a chatgpt chatbot?

    Discussion
    7
    4 Votes
    7 Posts
    917 Views
    crazycellsundefined
    @phenomlab oh no, that is 1 cent on the video, but you are right, symbols are similar… I just converted it to $1 , since it is more intuitive in daily life…
  • dave1904undefined

    Plugin to show images in teasers

    General
    6
    1
    2 Votes
    6 Posts
    478 Views
    phenomlabundefined
    @dave1904 I’d start by adding a console.log function to hookData so you can see what is being returned return hookData; console.log(hookData):
  • cagatayundefined

    Header Menu After Upgrading V3.1.1

    Solved Customisation
    2
    1
    2 Votes
    2 Posts
    234 Views
    phenomlabundefined
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • mventuresundefined

    NodeBB: Opening the Composer for replies

    Solved Configure
    2
    0 Votes
    2 Posts
    354 Views
    phenomlabundefined
    @mventures Quick reply is basically exactly that. However, it’s possible to trigger the full composer as below [image: 1681314389744-82ca1209-31be-4a51-a641-9887b5a238b8-image.png] Failing that, you’ll need to use the reply button in the sticky toolbar [image: 1681314442570-1d230bcb-ff8e-4756-94f7-6e2fb7a94bc4-image.png]
  • cagatayundefined

    Post Style View

    Solved Customisation
    67
    2
    18 Votes
    67 Posts
    7k Views
    DownPWundefined
    @cagatay Just add margin-left on the element like @phenomlab said to you : topic [component="post/parent"] { margin-left: 10px; } [image: 1669191112290-aa08c62b-4223-4cba-8c0f-c73d50474c0d-image.png] Maybe @phenomlab have a better way
  • Pandaundefined

    Title on homepage of nodebb forum

    Solved Customisation
    2
    1 Votes
    2 Posts
    744 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.