NodeBB customisation

phenomlab · 6 Oct 2021, 11:29

@jac Let me have a play around with this.

JAC · wrote on 6 Oct 2021, 11:29

@phenomlab said in NodeBB customisation:

@jac Let me have a play around with this.

Many thanks mate.

JAC · 6 Oct 2021, 11:42

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac It’s in the above post

Apologies!

Worked a treat! Many thanks again .

Am ok to keep posting little tweaks that I am looking to change?

Looking to change the font & number of read posts.

Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

Is this something that is possible? I seem to remember it working out well on the last installation.

Many thanks.

I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!

Is there any way to change the member name colour on the quote? As this clashes with the colour.

Thanks .

Youll see the title don’t appears to be different or bold.

Many thanks as always!

phenomlab · wrote on 6 Oct 2021, 11:42

@jac I fixed that a while back

JAC · 6 Oct 2021, 12:54

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac It’s in the above post

Apologies!

Worked a treat! Many thanks again .

Am ok to keep posting little tweaks that I am looking to change?

Looking to change the font & number of read posts.

Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

Is this something that is possible? I seem to remember it working out well on the last installation.

Many thanks.

I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!

Is there any way to change the member name colour on the quote? As this clashes with the colour.

Thanks .

Youll see the title don’t appears to be different or bold.

Many thanks as always!

Apologies it’s this mate, it was hiding at the start of the quote.

JAC · wrote on 6 Oct 2021, 12:54

This post is deleted!

JAC · 6 Oct 2021, 14:10

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac It’s in the above post

Apologies!

Worked a treat! Many thanks again .

Am ok to keep posting little tweaks that I am looking to change?

Looking to change the font & number of read posts.

Looking to change this to blue white a white font and then as the posts are read it changes to yellow?

Is this something that is possible? I seem to remember it working out well on the last installation.

Many thanks.

I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!

Is there any way to change the member name colour on the quote? As this clashes with the colour.

Thanks .

Youll see the title don’t appears to be different or bold.

Many thanks as always!

Apologies it’s this mate, it was hiding at the start of the quote.

Title font appears to be bold compared? Although possibly same font.

phenomlab · 6 Oct 2021, 14:53

@jac said in NodeBB customisation:

Title font appears to be bold compared? Although possibly same font.

Ok, add this

 .topic h1 .topic-title {
    font-weight: 600;
}

JAC · 6 Oct 2021, 15:16

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

Title font appears to be bold compared? Although possibly same font.

Ok, add this
 .topic h1 .topic-title {
    font-weight: 600;
}

Worked a treat again my friend, thank you very much as always!

JAC · 6 Oct 2021, 15:27

There’s probably going to be more changes on the way, if that’s ok? But like I’ve said previously I’m more than happy to put the Phenomlab stamp on it .

JAC · 7 Oct 2021, 17:34

I think this was done last time… Is there any way to add … To the slider if it has a certain amount of characters?

Many thanks.

phenomlab · 7 Oct 2021, 11:33

@jac Fine. Just keep using this thread as we’ll document the changes along the way

JAC · wrote on 7 Oct 2021, 11:33

@phenomlab said in NodeBB customisation:

@jac Fine. Just keep using this thread as we’ll document the changes along the way

Many thanks mate, sounds good to me .

phenomlab · 7 Oct 2021, 18:35

@jac Something like this ?

 .recent-cards .recent-card-container .recent-card .topic-info p {
    max-width: 200px;
    margin: 0;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

JAC · 7 Oct 2021, 18:53

@phenomlab said in NodeBB customisation:

@jac Something like this ?

 .recent-cards .recent-card-container .recent-card .topic-info p {
    max-width: 200px;
    margin: 0;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

Thanks mate, yes like that but with the … At the end of the last word in the box?

phenomlab · 7 Oct 2021, 20:54

@jac That’s not as simple as it looks unfortunately. The text isn’t formatted as a single line so the artefact of that is the multiple three dots you can see. It’s possible to consolidate this into one line, but it can only be for that particular view meaning you need explicit CSS.

Happy to have another look, but it’s a lot of work for very little (cosmetic) gain.

JAC · 8 Oct 2021, 10:59

@phenomlab said in NodeBB customisation:

@jac That’s not as simple as it looks unfortunately. The text isn’t formatted as a single line so the artefact of that is the multiple three dots you can see. It’s possible to consolidate this into one line, but it can only be for that particular view meaning you need explicit CSS.

Happy to have another look, but it’s a lot of work for very little (cosmetic) gain.

Thanks for looking mate, I seem to remember it was possible last time but I can’t find a screenshot to show you unfortunately.

No sweat mate, I just thought it would look a bit more professional and cleaner .

JAC · 7 Oct 2021, 21:37

@phenomlab is there any way to change the colour of the tags?

Is there any way to have the tag background In blue, with white writing and the number to be in yellow? but to all be together?

Many thanks

JAC · 8 Oct 2021, 11:08

Apologies to keep throwing these into the mix.
.if the requests get too much let me know. I just find little changes here and there.

Itz probably a longshot anyway, but is there any way to change the link colour on the quotes to yellow?

Many thanks

phenomlab · 8 Oct 2021, 11:29

@jac said in NodeBB customisation:

look a bit more professional and cleaner

Had another go at this. The best I’ve come up with is

 .recent-cards .recent-card-container .recent-card .recent-card-body {
    height: 143px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    max-width: 200px;
    line-height: 1.2;
    white-space: nowrap;
}

Which looks like the below

sudonix

NodeBB customisation

Related Topics

Forum customisation

NodeBB recent cards customisation

Changing Background on NodeBB

[NODEBB] Stats

NodeBB Footer

Social icon (Nodebb)

NodeBB Discord Plugins

How to set a signature in NodeBB?

	.recent-cards .recent-card-container .recent-card .topic-info p {
	max-width: 200px;
	margin: 0;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	}

	.recent-cards .recent-card-container .recent-card .recent-card-body {
	height: 143px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
	max-width: 200px;
	line-height: 1.2;
	white-space: nowrap;
	}

sudonix

NodeBB customisation

Related Topics

Individual Categories