NodeBB customisation

[JAC]

I wonder if the slider can be customised with CSS?

Looking to add colour thoughout here and there without overdoing it of course.

[phenomlab]

@jac Can can customise anything with CSS…

[JAC]

@phenomlab very happy to hear this

[phenomlab]

@jac said in NodeBB customisation:

@phenomlab very happy to hear this

Yes, but the key here is to not over egg…

[JAC]

@phenomlab Absolutely, I’m just looking to do subtle changes which I think you have achieved so far, can’t thank you enough for the help given via Sudonix .

[JAC]

@jac

Is there any way to chance the colour of these at all?

[JAC]

@jac I was thinking the boxes to have a blue background with white icons, and for the reply arrow to be a yellow background colour with a white or blue arrow icon.

[phenomlab]

@jac yes, but the css classes used by these are also used elsewhere which may result in undesirable behavior elsewhere.

[JAC]

@phenomlab hmm! I see, it’s a tough one then!?

[JAC]

@jac just looking at other little bits to improve then…

What about doing the reverse of the ‘forum stats’ widget?

Many thanks as always.

[phenomlab]

@jac Like this ?

Revised and simplified CSS

.custom {
    background: #ffc557 !important;
    color: #00205c!important
}
.custom a {
    color: #00205c !important;
}
.custom2 {
    background: #194F90 !important;
    color: #ffffff;
}
.custom2 small {
    color: #ffffff;
    font-size: 40%;
}

[JAC]

@phenomlab brilliant mate, thanks very much for that .

[JAC]

I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

[JAC]

@jac said in NodeBB customisation:

I wonder if it’s possible to see a preview of what the post titles (header) looks like without the yellow and with blue font?

Either that or the blue background and white writing?

[JAC]

@jac I know we thought it would clash with the header but it’d certainly be interesting to see how it looks.

[phenomlab]

@jac Here you go

Blue font

Blue background, writing font

[JAC]

@phenomlab said in NodeBB customisation:

@jac Here you go

Blue font

Blue background, writing font

The blue with white coloured font does look good!

[JAC]

@phenomlab said in NodeBB customisation:

Blue background, writing font

Definitely matches the team’s first colours better anyway how do I override the yellow Mark?

[phenomlab]

@jac It’s done mate.

[JAC]

@phenomlab said in NodeBB customisation:

@jac It’s done mate.

Brilliant, many thanks Mark .