@phenomlab said in Footer bar add center text:

div#console-nav-tab

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

@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.

@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.

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

@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 yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.

@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 ♥

@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 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?

@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 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 done

@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'); }); });

@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.

@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.

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

@downpw ooops. Forgot that. Thanks for adding.

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