Skip to content

Recent Cards Plugin

Solved Configure
5 3 2.0k 1
  • wrote on last edited by
    #1

    Hi,

    A little while ago there was a problem with this plugin (for me at least) whereby the cards were vertical. I think that @phenomlab you basically downgraded the plugin to the previous version not the latest. How do I do that please?

    I will try myself this time so I at least learn 🙂

    Also you helped me with the tenor gif icon missing. You have yours here. Mine is blank again.
    ss1.png

    I can attempt to fix if you point me in the right place. As always. Thank you.

  • Hi,

    A little while ago there was a problem with this plugin (for me at least) whereby the cards were vertical. I think that @phenomlab you basically downgraded the plugin to the previous version not the latest. How do I do that please?

    I will try myself this time so I at least learn 🙂

    Also you helped me with the tenor gif icon missing. You have yours here. Mine is blank again.
    ss1.png

    I can attempt to fix if you point me in the right place. As always. Thank you.

    wrote on last edited by
    #2

    @Sampo2910 said in Recent Cards Plugin:

    How do I do that please?

    You can use the CLI for this, for example

    npm install nodebb-plugin-recent-cards@2.0.22
    

    You can replace the @2.0.22 with any version you like (as long as it exists)

    @Sampo2910 said in Recent Cards Plugin:

    Also you helped me with the tenor gif icon missing.

    Yes, the CSS for that isn’t great as it really should be using a Font Awesome icon, but uses text.

    It’s here

    .fa-tenor-gif::before {
        content: 'GIF';
        font-size: 1rem;
        font-family: sans;
        background: #333;
        color: #fff;
        padding: .25rem .5rem;
        border-radius: .5em;
        position: relative;
        top: -.2rem;
    }
    
  • Sampo2910 Sampo2910 has marked this topic as solved on
  • @Sampo2910 said in Recent Cards Plugin:

    How do I do that please?

    You can use the CLI for this, for example

    npm install nodebb-plugin-recent-cards@2.0.22
    

    You can replace the @2.0.22 with any version you like (as long as it exists)

    @Sampo2910 said in Recent Cards Plugin:

    Also you helped me with the tenor gif icon missing.

    Yes, the CSS for that isn’t great as it really should be using a Font Awesome icon, but uses text.

    It’s here

    .fa-tenor-gif::before {
        content: 'GIF';
        font-size: 1rem;
        font-family: sans;
        background: #333;
        color: #fff;
        padding: .25rem .5rem;
        border-radius: .5em;
        position: relative;
        top: -.2rem;
    }
    
    wrote on last edited by
    #3

    @phenomlab

    Perfect. Thank you 🙂

  • @Sampo2910 said in Recent Cards Plugin:

    How do I do that please?

    You can use the CLI for this, for example

    npm install nodebb-plugin-recent-cards@2.0.22
    

    You can replace the @2.0.22 with any version you like (as long as it exists)

    @Sampo2910 said in Recent Cards Plugin:

    Also you helped me with the tenor gif icon missing.

    Yes, the CSS for that isn’t great as it really should be using a Font Awesome icon, but uses text.

    It’s here

    .fa-tenor-gif::before {
        content: 'GIF';
        font-size: 1rem;
        font-family: sans;
        background: #333;
        color: #fff;
        padding: .25rem .5rem;
        border-radius: .5em;
        position: relative;
        top: -.2rem;
    }
    
    wrote on last edited by
    #4

    @phenomlab for sliding by finger, it should be 2.0.23

    https://community.nodebb.org/post/89925

  • @phenomlab for sliding by finger, it should be 2.0.23

    https://community.nodebb.org/post/89925

    wrote on last edited by
    #5

    @crazycells that’s a good point. 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
  • Spam spam spam

    Solved Configure nodebb
    6
    2 Votes
    6 Posts
    2k Views
    phenomlab
    @Panda said in Spam spam spam: ok, yes Ive seen the queue, it shows IP, but doesnt have a field for comments from registrant. It’s not designed for that. It merely serves as a gateway between posts appearing on your form or not. @Panda said in Spam spam spam: It would be better if nodebb had this plugin included in ACP list, as not only then do you know its approved and should work, but many people cant or dont want to use CLI on the server That’s a question for the NodeBB devs but in all honesty you can’t not use the CLI when installing nodebb so to be this isn’t a big deal.
  • Nodebb and emails

    Solved Configure nodebb
    27
    5 Votes
    27 Posts
    10k Views
    phenomlab
    @Panda it will use SMTP. In all cases, I never use any plugin to send email. I’ll always send it raw.
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    3k Views
    phenomlab
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • Test of youtube embeds

    Solved Configure nodebb
    14
    11 Votes
    14 Posts
    4k Views
    Sampo2910
    @phenomlab Perfect!!! Many thanks.
  • Pulling YouTube videos using RSS

    Configure rss youtube rsshub
    5
    7
    6 Votes
    5 Posts
    2k Views
    JAC
    The perfect solution and walkthrough Mark, appreciated as always!
  • MogoDB v6 to v7 upgrade

    Solved Configure nodebb
    5
    1 Votes
    5 Posts
    2k Views
    phenomlab
    @Panda if you used the Ubuntu PPA, I think this only goes as far as 6.x if I recall correctly.
  • Changing H2 color

    Solved WordPress customisation
    5
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @Sala Just checked your site. This should work .bs-blog-post .title, .bs-blog-post .title a { color: #ffffff; } It’s worth noting the existing CSS, which uses variables like the below color: var(--head-color); These come under the :root section as below :root { --head-color: #212121; --stext-color: #000; --text-color: #718096; --wtext-color: #fff; --bg-color: #fff; --box-color: #fff; --border-color: #e2e8f0; --wrap-color: #eff2f7; } You can easily override these by using the CSS I provided at the top of this post, or you can change the underlying colours defined in the variables. However, taking this route may mean other objects are styled in the same way, which may not be the desired result.
  • Embed - What Are You Using?

    Solved General customisation plugin
    13
    3 Votes
    13 Posts
    4k Views
    phenomlab
    @DownPW Hmm - it’ll work with iFramely (locally hosted), or you can use the below string to embed using https://community.nodebb.org/topic/7135/nodebb-plugin-ns-embed-ns-embed/114 Watch (?:<a.*?)?(?:https?:\/\/)?(?:www\.)?dailymotion\.com\/video\/([a-zA-Z0-9_-]{4,11})(?:.*?\/a>)? Replace <div class='embed-wrapper'><div class='embed-container'><iframe src='//www.dailymotion.com/embed/video/$1' frameborder='0' allowfullscreen></iframe></div></div> [image: 4f5f13f7-0c73-460e-b32f-f974f170b236-image.png]