Skip to content

[NodeBB] First post customization

Solved Customisation
5 2 2.6k 1
  • wrote on last edited by
    #1

    Hi @phenomlab , how are you?

    I would like to separate the first post from the rest (NodeBB v1.18.6) … I see that you have a border and background customization enabled at the dark mode. How can I target the first post only?

    I just could not find the correct CSS change for the first post.

    I am trying to do something like this:

    
    .posts .timeline li[data-index="0"] {
        border-bottom: 1px solid #eee;
    }
    

    But, unfortunately it does not work 🙂 Any help is appreciated…

  • Hi @phenomlab , how are you?

    I would like to separate the first post from the rest (NodeBB v1.18.6) … I see that you have a border and background customization enabled at the dark mode. How can I target the first post only?

    I just could not find the correct CSS change for the first post.

    I am trying to do something like this:

    
    .posts .timeline li[data-index="0"] {
        border-bottom: 1px solid #eee;
    }
    

    But, unfortunately it does not work 🙂 Any help is appreciated…

    wrote on last edited by
    #2

    @crazycells hi. Hope you’re well. Does it work if you set !important after the class ?

  • @crazycells hi. Hope you’re well. Does it work if you set !important after the class ?

    wrote on last edited by
    #3

    @phenomlab said in [NodeBB] First post customization:

    @crazycells hi. Hope you’re well. Does it work if you set !important after the class ?

    Thanks for the suggestion. With the code above it did not work but I later found the correct codes:

    
    li[data-index="0"] .post-footer {
        border-bottom: 1px solid #eee;
    }
    
  • @phenomlab said in [NodeBB] First post customization:

    @crazycells hi. Hope you’re well. Does it work if you set !important after the class ?

    Thanks for the suggestion. With the code above it did not work but I later found the correct codes:

    
    li[data-index="0"] .post-footer {
        border-bottom: 1px solid #eee;
    }
    
    wrote on last edited by
    #4

    @crazycells good to hear ! I’ll mark this resolved.

  • phenomlab phenomlab has marked this topic as solved on
  • @crazycells good to hear ! I’ll mark this resolved.

    wrote on last edited by
    #5

    @phenomlab thanks 🙏


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

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
  • how to prevent DDoS attacks ?

    Solved Vulnerability ddos nodebb
    34
    17 Votes
    34 Posts
    14k Views
    crazycells
    @phenomlab thank you very much, this was helpful. Everything looks ok
  • Fixed background to nodebb forum

    Solved Configure nodebb
    25
    4 Votes
    25 Posts
    10k Views
    phenomlab
    @Panda said in Fixed background to nodebb forum: Chatgpt told me the ::before method. Go figure
  • NodeBB socket with CloudFlare

    Solved Performance socket cloudflare nodebb
    24
    3 Votes
    24 Posts
    14k Views
    DownPW
    Solved. Tuto here and here
  • Composer options on nodebb

    Solved Configure nodebb
    8
    1
    3 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda You should be able to expose the CSS for these using F12 to get into console [image: 3591518c-e3a3-4ada-a43c-6b32a5e0359c-image.png] [image: a2b8ed46-4157-4ff2-85f0-576543380107-image.png] That should then expose the element once selected [image: 89d9c545-a47a-40d1-98f4-80cf3b958e8f-image.png] Here’s the below CSS you need based on the screenshot provided. .composer .formatting-bar .formatting-group li[data-format="picture-o"], .composer .formatting-bar .formatting-group li[data-format="spoiler"] { display: none; }
  • 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 templates

    Locked Chitchat themes templates nodebb
    12
    4 Votes
    12 Posts
    5k Views
    phenomlab
    Placing this here for reference https://sudonix.com/topic/216/nodebb-js-script-css-theme-switcher Further information and posts can be found at this link
  • NodeBB customisation

    Locked Customisation
    332
    27 Votes
    332 Posts
    280k Views
    phenomlab
    @jac Given your departure away from your previous project, I’m going to close this thread…