Skip to content
Sudonix

NodeBB recent cards customisation

Solved Customisation
3 2 258 1
  • JACundefined

    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 😃

    0
  • JACundefined JAC

    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 😃

    phenomlabundefined

    @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

    Author of OGProxy, Swatch, Threaded, Card, and most of Sudonix's bugs…

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

    @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

    JACundefined

    @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 🤝👍🏻.

    1
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
  • phenomlabundefined

    Planned sunset of NTFY plugin

    Pinned Announcements push nodebb ntfy
    7
    1
    8 Votes
    7 Posts
    577 Views
    phenomlabundefined
    I’ve noticed that I’m the only one subscribed to the push notifications on this site. If you were using NTFY previously, and have noticed that you’ve not had any alerts for a while, it’s because this feature has been disabled. You’ll now need to use the push notification to replace NTFY as mentioned in the first post.
  • Pandaundefined

    Composer options on nodebb

    Solved Configure nodebb
    8
    1
    3 Votes
    8 Posts
    587 Views
    phenomlabundefined
    @Panda You should be able to expose the CSS for these using F12 to get into console [image: 1686833368846-3591518c-e3a3-4ada-a43c-6b32a5e0359c-image.png] [image: 1686833399483-a2b8ed46-4157-4ff2-85f0-576543380107-image.png] That should then expose the element once selected [image: 1686833431032-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; }
  • Pandaundefined

    Further Widgets question

    Solved Configure nodebb
    4
    1
    1 Votes
    4 Posts
    386 Views
    phenomlabundefined
    @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.
  • Pandaundefined

    restarting nodebb on boot

    Unsolved Configure nodebb
    3
    1 Votes
    3 Posts
    552 Views
    phenomlabundefined
    @eeeee said in restarting nodebb on boot: can I just run nodebb under nodemon for auto restarts? It’s a better method. Nodemon just looks for file system changes and would effectively die if the server was rebooted meaning you’d have to start it again anyway. Systemd is the defacto standard which is how the operating system interacts in terms of services, scheduled tasks etc.
  • pwsincdundefined

    Detect if user is admin

    General nodebb javascript code
    2
    0 Votes
    2 Posts
    615 Views
    phenomlabundefined
    @pwsincd I think you can use userData.isAdmin = isAdmin; if I’m not mistaken - see https://community.nodebb.org/topic/15128/how-to-hide-whitelist-user-field-only-to-owner-or-admin?_=1648802303112 for an example
  • crazycellsundefined

    background color of the footer area

    Solved Customisation nodebb
    7
    1
    7 Votes
    7 Posts
    727 Views
    crazycellsundefined
    @phenomlab thank you very much
  • DownPWundefined

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    4k Views
    phenomlabundefined
    @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.
  • phenomlabundefined

    How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    1k Views
    JACundefined
    @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: 1633427929198-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 .