NodeBB customisation

[phenomlab]

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

[JAC]

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

[phenomlab]

@jac yes

[JAC]

@jac said in NodeBB customisation:

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

@jac It’s in the above post

[JAC]

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

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

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

Maybe something like that for the titles?

Thanks as always.

[phenomlab]

@jac said in NodeBB customisation:

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

Yes, that’s fine

[JAC]

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

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

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

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

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

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

[JAC]

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

@phenomlab said in NodeBB customisation:

Thanks for providing the screenshots. This is useful.

Not a problem

[phenomlab]

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

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

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