Skip to content

NodeBB recent cards customisation

Solved Customisation
3 2 766 1
  • Hi Mark,

    Iโ€™m trying to customise the nodebb-plugin-recent-cards widget that I have on my forum, I would like it to show โ€ฆ at the end of box so it doesnโ€™t look so untidy, is this something thatโ€™s possible?

    1000003024.png

    Thanks as always ๐Ÿ˜ƒ

  • Hi Mark,

    Iโ€™m trying to customise the nodebb-plugin-recent-cards widget that I have on my forum, I would like it to show โ€ฆ at the end of box so it doesnโ€™t look so untidy, is this something thatโ€™s possible?

    1000003024.png

    Thanks as always ๐Ÿ˜ƒ

    @JAC Iโ€™ve added this CSS block on your site

    .recent-cards-plugin .topic-info {
        height: 8em;
        display: -webkit-box;
        max-width: 200px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    

    This yields the below

    0da353a7-2d5f-4014-9ab7-aa3a4095b6e4-image.png

  • phenomlabundefined phenomlab has marked this topic as solved on
  • @JAC Iโ€™ve added this CSS block on your site

    .recent-cards-plugin .topic-info {
        height: 8em;
        display: -webkit-box;
        max-width: 200px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    

    This yields the below

    0da353a7-2d5f-4014-9ab7-aa3a4095b6e4-image.png

    @phenomlab thank you very much for the assistance Mark, massively appreciated as always.

    The great thing about this is itโ€™s all documented for other NodeBB users that come looking for solutions ๐Ÿ˜ƒ.

    Looks far better ๐Ÿค๐Ÿ‘๐Ÿป.


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
  • Forum customisation

    Customisation nodebb forum customised
    11
    2
    6 Votes
    11 Posts
    1k Views
    Thank you Mark, the changes look fantastic!!
  • Threaded post support for NodeBB

    Let's Build It threading nodebb
    146
    3
    50 Votes
    146 Posts
    58k Views
    Updated git for above change https://github.com/phenomlab/nodebb-harmony-threading/commit/14a4e277521d83d219065ffb14154fd5f5cfac69
  • [NODEBB] Stats

    Unsolved Customisation plugin stats script
    20
    1
    2 Votes
    20 Posts
    4k Views
    @phenomlab said in [NODEBB] Stats: @jac or I land up fixing it I wouldnโ€™t put it past you
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    6k Views
    @DownPW the โ€˜jsโ€™ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. Iโ€™ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    2k Views
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • Social icon (Nodebb)

    Solved Customisation nodebb social
    7
    0 Votes
    7 Posts
    2k Views
    @phenomlab said in Social icon (Nodebb): @jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine [image: 1638880098289-73e805e1-997b-41bf-9259-51c5052ca8fc-image.png] fixed
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    2k Views
    @riekmedia Iโ€™ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.
  • Forum customisation

    Customisation forum customise
    17
    3 Votes
    17 Posts
    3k Views
    @jac said in Forum customisation: @phenomlab said in Forum customisation: @jac 100%. Just setting up some free time. Iโ€™m on annual leave from work offer the coming 2 weeks so hopefully will have a bit more time then. Not a problem Mark, I donโ€™t wish for you to use all your spare time doing that, just do it when you can, no issues I know youโ€™re busy doing other things but when you get a chance mate Iโ€™m happy for this to go ahead along with the RSS script.