Skip to content

[NODEBB] Help for my custom CSS

Solved Customisation
258 5 168.0k 3
  • wrote on last edited by

    I use this CSS code for control the button in the custom bar :

    .btn-donation {
        font-size: 12px; /* Taille du texte */
        padding: 2px 5px 2px 5px; /* Marges internes pour agrandir le bouton */
        border-radius: 8px; /* Coins arrondis */
        margin-top: -8.8px !important;
        color: #ffffff !important;
    }
        
    .btn-donation img {
        width: 18px; /* Taille de l’icône */
        height: 16px;
    }
    
  • wrote on last edited by DownPW

    @phenomlab

    Find him :

    76089049-894e-490f-bafa-10469193aca0-image.png

    But I use this code for control image on topics and Shoutbox 😞


    EDIT: I disabled this code and it seems to be OK

    Thanks @phenomlab

  • wrote on last edited by DownPW

    Hello @phenomlab

    Love your new Glass effect on tittle site.

    Possible to adapt it to my site/share the code ?

    fantazsyshgfhfhgfhghfhfghfg.gif

  • Hello @phenomlab

    Love your new Glass effect on tittle site.

    Possible to adapt it to my site/share the code ?

    fantazsyshgfhfhgfhghfhfghfg.gif

    wrote on last edited by

    @DownPW Possible, yes, although this particular effect uses CSS only for both the text itself, and the shine rollover. It’s actually quite complex in setup and takes several adjustments to get it to look right.

    It’s also important to understand if you are using this on a logo, or just text?

  • @DownPW Possible, yes, although this particular effect uses CSS only for both the text itself, and the shine rollover. It’s actually quite complex in setup and takes several adjustments to get it to look right.

    It’s also important to understand if you are using this on a logo, or just text?

    wrote on last edited by phenomlab

    @phenomlab said in [NODEBB] Help for my custom CSS:

    It’s also important to understand if you are using this on a logo, or just text?

    just text; logo on the left is separate

  • @phenomlab said in [NODEBB] Help for my custom CSS:

    It’s also important to understand if you are using this on a logo, or just text?

    just text; logo on the left is separate

    wrote on last edited by

    @DownPW And the hue animation? Or just the glass effect?

  • wrote on last edited by

    I’d like to try it without HUE to start.

    But I’m always keen to try lots of things 🙂

    You could always explain both to me, so I can apply them separately.

  • I’d like to try it without HUE to start.

    But I’m always keen to try lots of things 🙂

    You could always explain both to me, so I can apply them separately.

    wrote on last edited by

    @DownPW Ok. No problems. Let me get back to you. In real life calling presently.

  • wrote on last edited by

    OK 🙂

    Wait News

  • wrote on last edited by

    Yeah I also like the looks and effect of the Sudonix logo at the top. Looks very awesome!

  • wrote on last edited by

    😢 😢

  • wrote on last edited by

    @DownPW coming soon…

  • @DownPW coming soon…

    wrote on last edited by

    @phenomlab said in [NODEBB] Help for my custom CSS:

    @DownPW coming soon…

    No problem, I like to annoy you, you know that 🙂

    French expression: He who loves well, chastises well !

  • @phenomlab said in [NODEBB] Help for my custom CSS:

    @DownPW coming soon…

    No problem, I like to annoy you, you know that 🙂

    French expression: He who loves well, chastises well !

    wrote on last edited by

    @DownPW I made some final alterations to the master code for this effect, and will release very soon.

  • wrote on last edited by
  • wrote on last edited by

    Ohh super ^^
    Thank you Mark

  • wrote on last edited by

    Hi Mark
    My Homepage did not shown on top.

    image.png

  • Hi Mark
    My Homepage did not shown on top.

    image.png

    wrote on last edited by

    @cagatay That looks like you didn’t define a label for the icon. Have a look at /admin/settings/navigation, and you’ll see what I mean

    185e4cab-d66d-4b28-be84-fcf1293d7d23-{B68462A1-F628-4904-82B1-32CC90A060FD}.png

  • wrote on last edited by cagatay

    thank you Mark, fixed.

  • wrote on last edited by cagatay

    how can i add these new year icons to my home page as well?

    image.png


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
  • CSS border gradients

    Blog gradient border css
    10
    3
    2 Votes
    10 Posts
    3k Views
    cagatay
    ah f5 need
  • nodebb-plugin-custom-pages

    Solved Customisation plugin custom-pages
    5
    2
    3 Votes
    5 Posts
    5k Views
    phenomlab
    @DownPW it’s possible, yes, but you may inadvertently end up targeting other elements using the same class which of course isn’t desired. Can you provide a link in DM for me to review?
  • Sidebar Widget is no longer on the side!

    Moved Solved General nodebb
    4
    2
    2 Votes
    4 Posts
    1k Views
    phenomlab
    @Panda said in Sidebar Widget is no longer on the side!: Ah, so sidebar wont work on mobile? Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system https://getbootstrap.com/docs/5.0/layout/grid/ What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.
  • Changing the look of recent cards

    Announcements cards css
    1
    1
    2 Votes
    1 Posts
    893 Views
    No one has replied
  • [NodeBB] Custom fields plugin

    Unsolved Customisation nodebb plugins javascript custom
    5
    0 Votes
    5 Posts
    3k Views
    phenomlab
    @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 ?
  • [NodeBB] First post customization

    Solved Customisation nodebb
    5
    4 Votes
    5 Posts
    3k Views
    crazycells
    @phenomlab thanks
  • Discourse Design Change

    Customisation design change css html
    25
    7 Votes
    25 Posts
    10k Views
    RiekMedia
    @phenomlab okay
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.