Customisation

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

@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 I’m inclined to agree with this. There isn’t much else you can do, and provided it works with no odd looking artefacts in other browsers, then ok. The :before and :after are pseudo classes and very well supported across all browsers (except perhaps Internet Exploder, but who uses that these days ?)

@downpw ooops. Forgot that. Thanks for adding.

@phenomlab said in [NODEBB] Stats:

@jac or I land up fixing it 🙂

I wouldn’t put it past you 😛

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

@phenomlab said in NodeBB Footer:

@jac and you. Hope all is well and you recover quickly

Thanks pal 😁🤝🏻

Not better way.

Thanks.

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

@phenomlab thanks 🙏

@phenomlab said in Social icon (Nodebb):

@jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine

73e805e1-997b-41bf-9259-51c5052ca8fc-image.png

fixed 🙂

@phenomlab brilliant, many thanks Mark 😁

@phenomlab okay

@phenomlab it work, thanks 🙂

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

@phenomlab said in How to set a signature in NodeBB?:

@jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below

7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png

You can set the signature by using https://domain.com/user/theuser/edit

Mamy thanks Mark, I’ll set this up later 😁.

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

@jac said in Forum customisation:

@phenomlab said in Forum customisation:

@jac 100%. Just setting up some free time. I’m on annual leave from work offer the coming 2 weeks so hopefully will have a bit more time then.

Not a problem Mark, I don’t wish for you to use all your spare time doing that, just do it when you can, no issues 🙂

I know you’re busy doing other things but when you get a chance mate I’m happy for this to go ahead along with the RSS script.

👍🏻

@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