NodeBB customisation

JAC · 27 Sept 2021, 19:56

@phenomlab said in NodeBB customisation:
@jac Not sure which type of blue you want, but you could do it with this
 .topic .posts .content blockquote {
    font-size: 12px;
    color: #ffffff;
}
 
blockquote {
    font-size: inherit;
    border-left: 5px solid #194F90;
    background: #194F90;
    border-radius: 4px;
    margin: 0 auto 40px;
    padding: 15px;
    position: relative;
}
blockquote:after {
    border-right: 20px solid transparent;
    border-top: 20px solid #194F90;
    bottom: -20px;
    content: "";
    position: absolute;
    left: 20px;
}
Essentially, you’d be modifying the previous block I provided, and forcing white on .topic .posts .content blockquote

Essentially, you’ll land up with this

Hope this helps.
Thanks mate, is that just on quotes?

I like the look of that, either that or a yellow.

Would you be able to share the code for that at all Mark? .

phenomlab · 27 Sept 2021, 20:03

@jac It’s in the above post

JAC · 27 Sept 2021, 20:25

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

JAC · 27 Sept 2021, 20:29

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

JAC · 27 Sept 2021, 20:35

https://fonts.google.com/specimen/Alfa+Slab+One

Maybe something like that for the titles?

Thanks as always.

phenomlab · 27 Sept 2021, 20:34

@jac said in NodeBB customisation:

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

Yes, that’s fine

JAC · wrote on 27 Sept 2021, 20:34

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

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

Yes, that’s fine

Many thanks mate

phenomlab · 27 Sept 2021, 20:40

@jac Do you have anything in mind for the body font ? I recall last time we used Poppins (which happens to be the fine used here)

JAC · 27 Sept 2021, 20:36

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

JAC · 1 Oct 2021, 10:07

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

Although the bottom colour is a little dark for County still looked great

JAC · 27 Sept 2021, 21:20

@phenomlab said in NodeBB customisation:

@jac Do you have anything in mind for the body font ? I recall last time we used Poppins (which happens to be the fine used here)

I’ll have to have a look, I remember yes. Looks great, although I’m mindful of copying.

phenomlab · 27 Sept 2021, 21:25

@jac No issues. It’s really just a font ‍️
Thanks for providing the screenshots. This is useful. I’ll get to this ASAP.

JAC · 27 Sept 2021, 21:31

@phenomlab said in NodeBB customisation:

@jac No issues. It’s really just a font ‍️
Thanks for providing the screenshots. This is useful. I’ll get to this ASAP.

Many thanks Mark,

As previously discussed I know you don’t want things copying although the reason I ask for the changes to be replicated as they are great ideas and improve the design etc.

JAC · wrote on 27 Sept 2021, 21:25

@phenomlab said in NodeBB customisation:

Thanks for providing the screenshots. This is useful.

Not a problem

phenomlab · 27 Sept 2021, 21:56

@jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

JAC · 28 Sept 2021, 14:26

@phenomlab said in NodeBB customisation:

@jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

Many thanks, sounds like a good idea mate definitely!

The issue surrounding copying your site theme etc is absolutely understable, although for me I’ll 100% say that a few bits of css code changes and the plain theme is no more.

I think generally I’d never have achieved the simplest CSS change or known how to do or without the code shared earlier which I thank you for and of course hope to learn myself through the planned blog post.

JAC · wrote on 28 Sept 2021, 14:26

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac thanks. Again, taking ideas from this site is in fact encouraged (and I’ll happily provide code and CSS to help anyone achieve that) but a complete replica isn’t very creative, and generally, not permitted without prior consent.

In fact, I’m considering writing a blog post on how to create a decent layout and colour scheme for a website, which will include hints, tips, tricks, etc - essentially, all the things I’ve learned over the years which remain key to this day when creating a website.

Many thanks, sounds like a good idea mate definitely!

The issue surrounding copying your site theme etc is absolutely understable, although for me I’ll 100% say that a few bits of css code changes and the plain theme is no more.

I think generally I’d never have achieved the simplest CSS change or known how to do or without the code shared earlier which I thank you for and of course hope to learn myself through the planned blog post.

I don’t mind if you want to make the changes under ‘phenomlab’ or if you want to post the code here and then I can add it into the code.

Many thanks

Hope the decorating is going well .

JAC · 30 Sept 2021, 11:36

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

phenomlab · 30 Sept 2021, 13:37

@jac Sorry for late reply. You can use the below for this. I also noticed that the blockquote text was black, so the second line blockquote p will also resolve that.

 blockquote a.plugin-mentions-user.plugin-mentions-a,
blockquote p {
    color: #ffffff;
}

JAC · wrote on 30 Sept 2021, 13:37

@phenomlab said in NodeBB customisation:

@jac Sorry for late reply. You can use the below for this. I also noticed that the blockquote text was black, so the second line blockquote p will also resolve that.
 blockquote a.plugin-mentions-user.plugin-mentions-a,
blockquote p {
    color: #ffffff;
}

No problem Mark

That’s worked a treat, thank you very much!

sudonix

NodeBB customisation

Related Topics

NodeBB recent cards customisation

nodebb-user-level customisation : popover element

[NODEBB] Stats

[NODEBB] Welcome Message

NodeBB Footer

Social icon (Nodebb)

NodeBB Design help

Forum customisation

	.topic .posts .content blockquote {
	font-size: 12px;
	color: #ffffff;
	}

	blockquote {
	font-size: inherit;
	border-left: 5px solid #194F90;
	background: #194F90;
	border-radius: 4px;
	margin: 0 auto 40px;
	padding: 15px;
	position: relative;
	}
	blockquote:after {
	border-right: 20px solid transparent;
	border-top: 20px solid #194F90;
	bottom: -20px;
	content: "";
	position: absolute;
	left: 20px;
	}

	blockquote a.plugin-mentions-user.plugin-mentions-a,
	blockquote p {
	color: #ffffff;
	}

sudonix

NodeBB customisation

Related Topics

Individual Categories