1. Technology Consultancy and Advisory
    Sudonix

    Sudonix

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular
    • Tags
    • Users
    • Groups
    • Solved
    • More
      • About
      • Contact
      • Donate
      • FAQ
      • Founder's Journey
      • Policies
    1. Home
    2. Tags
    3. css
    Log in to post
    • All categories
    • DownPW

      Solved Footer bar add center text
      Customisation • css • • DownPW

      41
      0
      Votes
      41
      Posts
      144
      Views

      DownPW

      @phenomlab said in Footer bar add center text:

      div#console-nav-tab

      Ah ok test with bottom: 0px !important; idem

    • Sala

      Solved The best css to customize our logo?
      Customisation • css • • Sala

      2
      0
      Votes
      2
      Posts
      64
      Views

      phenomlab

      @Sala This should look better

      .sidenav .navbar-brand { padding-top: 0.5rem; padding-bottom: 0.5rem; }

      e5cec20e-be36-4ee8-9129-fd11ad4656ac-image.png

      You can increase the top and bottom padding by increasing the values above.

    • DownPW

      Solved hover link effect
      Customisation • css link hover • • DownPW

      13
      0
      Votes
      13
      Posts
      113
      Views

      cagatay

      @phenomlab said in hover link effect:

      .posts .content a:not(.noanimate) {
      background-image: linear-gradient(to right, #54b3d6, #54b3d6 50%, #337ab7 50%);
      background-size: 200% 100%;
      background-position: -100%;
      display: inline-block;
      padding: 5px 0;
      position: relative;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 0.3s ease-in-out;
      }

      it’s worked, thank you.

    • phenomlab

      Changing the look of recent cards
      Announcements • cards css • • phenomlab

      1
      2
      Votes
      1
      Posts
      63
      Views

      No one has replied

    • DownPW

      Solved chat list navbar
      Customisation • css navbar chat menu • • DownPW

      30
      0
      Votes
      30
      Posts
      293
      Views

      DownPW

      No no it’s ok @phenomlab
      I just comment the 2 lines mentionned aboves 😉

    • DownPW

      Solved Quote design CSS
      Customisation • css quote • • DownPW

      15
      0
      Votes
      15
      Posts
      250
      Views

      phenomlab

      @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning.

      Good spot 🙂

    • DownPW

      Solved answers appearance css code request
      Customisation • css answers • • DownPW

      11
      0
      Votes
      11
      Posts
      187
      Views

      phenomlab

      @DownPW yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.

    • DownPW

      Solved Bottom footer navbar button extend
      Customisation • css javascript customisation footer navbar • • DownPW

      32
      0
      Votes
      32
      Posts
      345
      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 ♥

    • DownPW

      Blinking text Effect
      Customisation • nodebb text effect css • • DownPW

      3
      3
      Votes
      3
      Posts
      130
      Views

      DownPW

      @phenomlab

      I love it too

      @phenomlab said in Blinking text Effect:

      Has that “broken neon light” look that you see in films.

      It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too 😉

    • DownPW

      Unsolved New message CSS problem
      Customisation • css • • DownPW

      11
      0
      Votes
      11
      Posts
      271
      Views

      phenomlab

      @DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?

    • phenomlab

      CSS3: Gradient Generator
      Development • css gradient • • phenomlab

      1
      1
      Votes
      1
      Posts
      87
      Views

      No one has replied

    • pwsincd

      Unsolved Fontawesome 5
      Customisation • fonts css nodebb • • pwsincd

      14
      0
      Votes
      14
      Posts
      283
      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 ?

    • pwsincd

      Solved [NodeBB] greeting message
      Customisation • css nodebb javascript • • pwsincd

      2
      1
      Votes
      2
      Posts
      113
      Views

      phenomlab

      @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here

      https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358

    • DownPW

      [NodeBB] [JS SCRIPT/CSS] Theme Switcher
      Customisation • theme switcher javascript css theme • • DownPW

      8
      2
      Votes
      8
      Posts
      1195
      Views

      phenomlab

      @DownPW done

    • DownPW

      Solved [NODEBB] Help for my custom CSS
      Customisation • nodebb css bugfix • • DownPW

      131
      0
      Votes
      131
      Posts
      1107
      Views

      phenomlab

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

      JS code seems not working but…

      Sorry, that should have been something like this (obviously modify the source and replacement)

      $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $(".row").find($(".fa")).removeClass('fa-fw fa-comments-o').addClass('fa-check-to-slot'); }); });
    • crazycells

      Solved tag icon in front of tags
      Customisation • css • • crazycells

      5
      0
      Votes
      5
      Posts
      193
      Views

      crazycells

      @phenomlab said in tag icon in front of tags:

      @crazycells Are you using Font Awesome Free ? If so, try this

      span.tag:before { content: "\f02b"; font-family: "Font Awesome 5 Free"; margin-right: 5px; margin-left: 5px; font-weight: 900; }

      yeap, this worked 👍 thanks a lot.

    • DownPW

      Solved [NodeBB] Import custom Font
      Customisation • custom fonts nodebb css • • DownPW

      12
      0
      Votes
      12
      Posts
      295
      Views

      phenomlab

      @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example

      body { font-family: "Poppins"; font-size: 16px; }

      Essentially, you use the font-size CSS directive.

    • DownPW

      Solved [NODEBB] Reply Button/arrow answer
      Customisation • css nodebb • • DownPW

      25
      0
      Votes
      25
      Posts
      456
      Views

      DownPW

      Topic open
      https://sudonix.com/topic/207/nodebb-help-for-my-custom-css

    • DownPW

      Solved [NODEBB] Scroll Button
      Customisation • css javascript html scroll button • • DownPW

      7
      0
      Votes
      7
      Posts
      203
      Views

      phenomlab

      @downpw ooops. Forgot that. Thanks for adding.

    • DownPW

      Solved [NODEBB] Welcome Message
      Customisation • css html nodebb • • DownPW

      18
      0
      Votes
      18
      Posts
      548
      Views

      phenomlab

      For anyone reviewing this post, there’s an updated version here that also includes an sunrise / sun / moon icon depending on the time of day

      https://sudonix.com/topic/233/nodebb-welcome-message-with-logo-footer-change/3?_=1645445273209