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
  • 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.
  • 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.
  • 14 Votes
    17 Posts
    5k Views
    DownPW
    No problem dude ! I hope you have a good vacation. Enjoy your loved ones!
  • 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!
  • 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.
  • 2 Votes
    11 Posts
    3k Views
    Hari
    Thanks for your inputs ️
  • Viewing Permission.

    Solved General support customisation
    33
    12 Votes
    33 Posts
    11k 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]