Skip to content
Sudonix

[NodeBB] First post customization

Solved Customisation
5 2 2.6k 1
  • crazycells
    crazycells
    crazycells
    wrote on
    #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…

    0
  • crazycells crazycells

    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…

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab

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

    crazycells
    crazycells
    crazycells
    wrote on
    #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;
}
    1
  • crazycells crazycells

    @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
    phenomlab
    phenomlab
    wrote on
    #4

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab has marked this topic as solved on
  • phenomlab phenomlab

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

    crazycells
    crazycells
    crazycells
    wrote on
    #5

    @phenomlab thanks 🙏

    1
Log in to reply

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

    [NodeBB] Focus Mode : simply immersive reading for NodeBB

    Customisation focus mode nodebb javascript css
    1
    2 Votes
    1 Posts
    648 Views
    No one has replied
  • Panda

    Further Widgets question

    Solved Configure nodebb
    4
    1
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @Panda category is for a category in its own, so for example, “fruit” whereas categories is the page that contains all categories as a list.
  • dave1904

    Collapsing blockquotes on Harmony

    General nodebb harmony collapsible quotes
    2
    1
    2 Votes
    2 Posts
    987 Views
    phenomlab
    @dave1904 that’s a really good point actually. I know it was there previously on Persona, but you’re right - no such function exists on harmony. However, putting something in place to mimick the behaviour of Persona won’t be hard from the js standpoint, although I wonder if perhaps we should ask the NodeBB developers is this feature was overlooked?
  • cagatay

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

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

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

    [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 ?)
  • phenomlab

    How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in How to set a signature in NodeBB?: @jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below [image: 7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png] You can set the signature by using https://domain.com/user/theuser/edit Mamy thanks Mark, I’ll set this up later .