NodeBB customisation

[JAC]

@phenomlab Thanks Mark for the fast response.

Unfortunately the above change only changes the title colour?

[DownPW]

or just

a {
    color: #YOURCOLOR;
    text-decoration: none;
}

but this code change other things like title of topic or a hlink for example.

It all depends on what you want to get but the phenomlab method is better

For the difference of color you must use the same color code than the navbar

Here a good link for color code I use: https://htmlcolorcodes.com

[phenomlab]

@downpw Exactly - this is a bit more specific

.footer .pull-right span, .recent-cards .recent-card-container .recent-card .footer .category-item a  {
    color: #ffffff !important;
}

[phenomlab]

@downpw said in NodeBB customisation:

Here a good link for color code

One of my favourites along with this beauty
https://coolors.co/4381c1-bdadea-bea2c2-a37871-4e4b5c

[DownPW]

@phenomlab

Oh yeah he looks like very good

[JAC]

@downpw @phenomlab thanks all.

if you go to link you’ll see I now have sorted most of it, although I am still unable to match the nav bar colour to the hover cards colour despite this being the same colour hex. Am I doing something wrong?

[phenomlab]

@jac When you say navbar are you referring to this ?

[JAC]

@phenomlab Sorry, yes mate

[phenomlab]

@jac Find this value which is already set in your custom CSS

.navbar-default {
    background-color: #194F90;
}

And change background-color to your preference.

[JAC]

@phenomlab Thanks, will try that now.

[JAC]

@phenomlab said in NodeBB customisation:

#194F90

The nav bar is fine mate, it’s the cards I wish to change mate. Having a nightmate too with the reading progress meter change too. I’ve followed all instructions but can’t get it to show.

Going back to the cards although I’ve chosen the same colour as the nav bar the colours simply don’t match.

Apologies in advance mate I don’t want this to become an issue where you get annoyed

[phenomlab]

@jac Ok. First things first, locate block

.recent-cards .recent-card-container .recent-card

And set line

opacity: 0.8;

To

opacity: 1;

Let me know if that solves the background issue with the cards ?

[JAC]

@phenomlab said in NodeBB customisation:

@jac Ok. First things first, locate block

.recent-cards .recent-card-container .recent-card

And set line

opacity: 0.8;

To

opacity: 1;

Let me know if that solves the background issue with the cards ?

Fantastic, that’s worked many thanks!

[phenomlab]

@JAC your custom header is inactive from what I can see

I’ve enabled it. Still not working as expected though, so checking now

[JAC]

@phenomlab said in NodeBB customisation:

@JAC your custom header is inactive from what I can see

I’ve enabled it. Still not working as expected though, so checking now

Thank you Mark.

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@JAC your custom header is inactive from what I can see

I’ve enabled it. Still not working as expected though, so checking now

Thank you Mark.

Just updating laptop…

[phenomlab]

@jac Fixed. You had both the background and the bar set to the same colour

[JAC]

@phenomlab said in NodeBB customisation:

@jac Fixed. You had both the background and the bar set to the same colour

Fantastic mate, thank you very much!

[JAC]

@jac @phenomlab
Sorry Mark, another question for you…

Is there a way to change the header font whilst leaving body text the same?

[phenomlab]

@jac Yes, you can use this CSS

.topic [component="post/header"] {
    font-family: "Arial";

Note that font-family is an example. It can be any font you desire as long as it is available on the site.