Skip to content

Recent Cards Plugin

Solved Configure
5 3 2.1k 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
  • Nodebb to Xenforo

    Solved Configure xenforo nodebb
    3
    0 Votes
    3 Posts
    1k Views
    phenomlab
    @cagatay as @downpw stated, there isn’t a native tool that will do this for you. You’d need to either develop your own or ask the nodebb team to assist which will be a paid exercise.
  • 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.
  • mongodb backup problem

    Moved Configure mongodb
    3
    1
    1 Votes
    3 Posts
    1k Views
    phenomlab
    You might want to also review this post https://sudonix.org/topic/389/mongodb-backup-script
  • 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.
  • Viewing Permission.

    Solved General support customisation
    33
    12 Votes
    33 Posts
    12k Views
    Sampo2910
    @phenomlab Ah Mark you are a star. Thank you very much. I just logged on and seen someone had worked their magic Again it is very much appreciated.
  • 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]
  • Bottom footer navbar button extend

    Solved Customisation css javascript customisation footer navbar
    32
    9 Votes
    32 Posts
    15k Views
    phenomlab
    @DownPW said in Bottom footer navbar button extend: Oh my god, it’s beautiful mark I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept