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
  • 3 Votes
    1 Posts
    1k Views
    No one has replied
  • nodebb-plugin-custom-pages

    Solved Customisation plugin custom-pages
    5
    2
    3 Votes
    5 Posts
    5k Views
    phenomlab
    @DownPW it’s possible, yes, but you may inadvertently end up targeting other elements using the same class which of course isn’t desired. Can you provide a link in DM for me to review?
  • Custom badges

    Solved Customisation nodebb
    103
    2
    49 Votes
    103 Posts
    62k Views
    DownPW
    Perfect
  • Top Ranked Forums

    Chitchat nodebb top ranked
    9
    1
    3 Votes
    9 Posts
    3k Views
    phenomlab
    The real issue here is that most people consider forums to be “dead” in the sense that nobody uses them anymore, and social media groups have taken their place. Their once dominant stance in the 90’s and early 00’s will never be experienced again, but having said that, there are a number of forums that did in fact survive the social media onslaught, and still enjoy a large user base. Forums tend to be niche. One that immediately sticks out is Reddit - despite looking like it was designed in the 80s, it still has an enormous user base. Another is Stack Overflow, which needs no introduction. The key to any forum is the content it offers, and the more people whom contribute in terms of posting , the more popular and widely respected it becomes as a reliable source of information. Forums are still intensely popular with gamers, alongside those that offer tips on hacking etc.
  • Post Style View

    Solved Customisation post style sudonix nodebb
    67
    2
    18 Votes
    67 Posts
    36k Views
    DownPW
    @cagatay Just add margin-left on the element like @phenomlab said to you : topic [component="post/parent"] { margin-left: 10px; } [image: aa08c62b-4223-4cba-8c0f-c73d50474c0d-image.png] Maybe @phenomlab have a better way
  • is "night mode" shifting the forum several pixels up?

    Solved Configure nodebb
    8
    4 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. Good point. I actually use my own version of the dark mode plugin, so not entirely sure. However, I think the CSS is probably the same. I’m not at my PC currently but can check and advise later.
  • [NODEBB] Wallpapers BUG on Firefox Mobile ?

    Solved Customisation nodebb wallpaper firefox mobile
    9
    1
    0 Votes
    9 Posts
    3k Views
    phenomlab
    @downpw I’m inclined to agree with this. There isn’t much else you can do, and provided it works with no odd looking artefacts in other browsers, then ok. The :before and :after are pseudo classes and very well supported across all browsers (except perhaps Internet Exploder, but who uses that these days ?)
  • 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…