@pwsincd no problems. Just let me know.

@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

@elhana-fine @phenomlab

We have create this topic for reference.

–> You will find all stuff to deploy it on your server.

ENJOY

@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 plus the fact that it’s up to 5 less html requests your server needs to perform which means less resources are being used.

It’s always best to host fonts locally from the performance perspective.

Topic open HERE

@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

@jac said in Avatar on Topic Header:

@downpw said in Avatar on Topic Header:

Great Plugin 🙂

I make it a bit cleaner via this CSS code:

/*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; }

Do you have a screenshot of how this looks with the CSS change?

Just added this change, thanks @DownPW 🙂

yeah you’re right @phenomlab.
Problem of NodeBB Version

@phenomlab said in Reading Meter Progress bar:

@jac Steps are here 🙂

Many thanks will hopefully be able to achieve this once home tomorrow!

Not better way.

Thanks.

@phenomlab okay

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

@mike-jones Yes, you’ll typically see this type of behaviour if there is another style that has higher priority in the sense that yours will be overridden. Using !important will override the higher preference, but should be used sparingly rather than everywhere.