Skip to content
Sudonix

Custom badges

Solved Customisation
103 4 30.1k 2
  • DownPWundefined

    Hello

    I have added a badge for admin group users, my code works good :

    aa131901-b6b8-4b2f-a180-c385a156d70e-image.png

    but I have this bug when users with this badge provide a solution to an answer. (Quesntion and answer plugin)

    An idea ?

    here my code :

    /*----------------------------------------------------------------------------*/
/*------------------      Admin members custom badge     ---------------------*/
/*----------------------------------------------------------------------------*/

/* On avatar */

li[component="post"] a[href*="/groups/administrators"] span.badge-text.align-text-bottom {
    display: none !important;
}

li[component=post] a[href*="/groups/administrators"] {
    position: absolute !important;
    top: 25px;
    left: 7px;
    z-index: 2;
    margin-top: 1px;
    border-radius: 999px !important;
    line-height: 14px;
    display: block;
    height: auto;
    margin-left: 0px !important;
    background: var(--bs-user-level-bg) !important;
    color: var(--bs-body-color-primary) !important;
    padding-left: 6px !important;
    width: auto;
}

/* Display icon  */
li[component=post] a[href*="/groups/administrators"] .fa.fa-crown.me-1 {
    border-radius: 999px !important;
    margin-left: 0px !important;
    margin-top: 3px !important;
}

/* Disabled on Smartphone */
@media (max-width: 767px) {
    li[component="post"] a[href*="/groups/administrators"].badge {
            display: none !important;
        }
}

    PW and WS Spirit alive

    1
  • DownPWundefined DownPW

    Hello

    I have added a badge for admin group users, my code works good :

    aa131901-b6b8-4b2f-a180-c385a156d70e-image.png

    but I have this bug when users with this badge provide a solution to an answer. (Quesntion and answer plugin)

    An idea ?

    here my code :

    /*----------------------------------------------------------------------------*/
/*------------------      Admin members custom badge     ---------------------*/
/*----------------------------------------------------------------------------*/

/* On avatar */

li[component="post"] a[href*="/groups/administrators"] span.badge-text.align-text-bottom {
    display: none !important;
}

li[component=post] a[href*="/groups/administrators"] {
    position: absolute !important;
    top: 25px;
    left: 7px;
    z-index: 2;
    margin-top: 1px;
    border-radius: 999px !important;
    line-height: 14px;
    display: block;
    height: auto;
    margin-left: 0px !important;
    background: var(--bs-user-level-bg) !important;
    color: var(--bs-body-color-primary) !important;
    padding-left: 6px !important;
    width: auto;
}

/* Display icon  */
li[component=post] a[href*="/groups/administrators"] .fa.fa-crown.me-1 {
    border-radius: 999px !important;
    margin-left: 0px !important;
    margin-top: 3px !important;
}

/* Disabled on Smartphone */
@media (max-width: 767px) {
    li[component="post"] a[href*="/groups/administrators"].badge {
            display: none !important;
        }
}
    phenomlabundefined

    @DownPW Try something like

    li[component=post].isSolved a[href*="/groups/administrators"] {
    top: 52px;
}

    Mark – Founder, Phenomlab Ltd
    Executive IT & Security Leadership
    Phenomlab Ltd

    3
  • DownPWundefined

    Perfect 😉

    PW and WS Spirit alive

    2
Log in to reply

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
  • Sampo2910undefined

    Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    937 Views
    DownPWundefined
    I’m happy to see this
  • Pandaundefined

    Following the API docs but its not clear ...

    Solved Customisation api nodebb
    8
    2 Votes
    8 Posts
    2k Views
    phenomlabundefined
    @Panda you’d be surprised. If you consider that you’d need to use the API to be able to populate a WordPress widget for example (which in turn would of course be PHP), taking this route is still immensely popular.
  • Pandaundefined

    Nodebb design

    Solved General nodebb
    2
    1 Votes
    2 Posts
    930 Views
    phenomlabundefined
    @Panda said in Nodebb design: One negative is not being so good for SEO as more Server side rendered forums, if web crawlers dont run the JS to read the forum. From recollection, Google and Bing have the capability to read and process JS, although it’s not in the same manner as a physical person will consume content on a page. It will be seen as plain text, but will be indexed. However, it’s important to note that Yandex and Baidu will not render JS, although seeing as Google has a 90% share of the content available on the web in terms of indexing, this isn’t something you’ll likely lose sleep over. @Panda said in Nodebb design: The “write api” is preferred for server-to-server interactions. This is mostly based around overall security - you won’t typically want a client machine changing database elements or altering data. This is why you have “client-side” which could be DOM manipulation etc, and “server-side” which performs more complex operations as it can communicate directly with the database whereas the client cannot (and if it can, then you have a serious security flaw). Reading from the API is perfectly acceptable on the client-side, but not being able to write. A paradigm here would be something like SNMP. This protocol exists as a UDP (UDP is very efficient, as it is “fire and forget” and does not wait for a response like TCP does) based service which reads performance data from a remote source, thus enabling an application to parse that data for use in a monitoring application. In all cases, SNMP access should be “RO” (Read Only) and not RW (Read Write). It is completely feasible to assume complete control over a firewall for example by having RW access to SNMP and then exposing it to the entire internet with a weak passphrase. You wouldn’t do it (at least, I hope you wouldn’t) and the same ethic applies to server-side rendering and the execution of commands.
  • Pandaundefined

    restarting nodebb on boot

    Unsolved Configure nodebb
    3
    1 Votes
    3 Posts
    1k 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.
  • Salaundefined

    The best css to customize our logo?

    Solved Customisation css
    2
    1 Votes
    2 Posts
    1k Views
    phenomlabundefined
    @Sala This should look better .sidenav .navbar-brand { padding-top: 0.5rem; padding-bottom: 0.5rem; } [image: 1669026666905-e5cec20e-be36-4ee8-9129-fd11ad4656ac-image.png] You can increase the top and bottom padding by increasing the values above.
  • pwsincdundefined

    [NodeBB] Custom fields plugin

    Unsolved Customisation nodebb plugins javascript custom
    5
    0 Votes
    5 Posts
    2k Views
    phenomlabundefined
    @pwsincd hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • crazycellsundefined

    CSS codes for fa-info icon

    Solved Customisation nodebb
    9
    1
    6 Votes
    9 Posts
    2k Views
    crazycellsundefined
    I have just figured it out… it can be targeted with text-decoration-color: I was mistakenly using color
  • JACundefined

    [NodeBB] custom Gravatar image not showing

    Solved Customisation
    6
    1 Votes
    6 Posts
    2k Views
    JACundefined
    @jac said in [NodeBB] custom Gravatar image not showing: @phenomlab said in [NodeBB] custom Gravatar image not showing: @jac are you using Custom ? Sure am mate Confirmed Fixed