NodeBB customisation

[JAC]

@phenomlab said in NodeBB customisation:

@jac Ok, but I’m not sure this is going to be a good idea. On/Off typically aligns itself to “traffic light” colours, so if anything, it should be green and red (or grey for “offline”).

That’s a fair point mate, probably just change the offline to red then if possible at all?

Many thanks mate.

[RiekMedia]

@jac with the css the offline point changes from gray to red

.status.offline {
    color:red;
    
}

[JAC]

@riekmedia said in NodeBB customisation:

@jac with the css the offline point changes from gray to red

.status.offline {
    color:red;
    
}

Many thanks for the code that has worked. .

I’ll not be much help technical wise I’m afraid on here but it’s great to see others posting and helping out too .

[JAC]

Is there any way to style this widget at all?

Image uploaded successfully .

[phenomlab]

@jac yes, there is. What do you have in mind ?

[JAC]

Unsure if it’s possible but for the title background to be in yellow that’s used throughout the forum and then the main background to be blue with white font?

I’m unsure if this is poss for individual widgets however if this can be achieved that would look great!

Many thanks.

[JAC]

Basically I’m looking to improve and edit things where I can, so little changes here and there that I think will make a difference .

[phenomlab]

@jac said in NodeBB customisation:

I’m unsure if this is poss for individual widgets

Not “out of the box” but absolutely possible with the use of ID attributes once added to the widgets themselves.

[JAC]

@phenomlab that definitely sounds great if it is possible .

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

I’m unsure if this is poss for individual widgets

Not “out of the box” but absolutely possible with the use of ID attributes once added to the widgets themselves.

Interested to see how this would look.

[phenomlab]

@jac It’ll look like this

CSS (already applied to your forum)

.panel-heading.custom {
    background: #ffc557;
    color: #194F90;
}
.panel-body.custom2 {
    background: #194F90;
    color: #ffffff;
}
.panel-body.custom2 small {
    color: #ffffff;
    font-size: 40%;
}
.row.forum-stats {
    margin-left: 5px;
    margin-right: 5px;
}

[JAC]

@phenomlab said in NodeBB customisation:

@jac It’ll look like this

CSS (already applied to your forum)

.panel-heading.custom {
    background: #ffc557;
    color: #194F90;
}
.panel-body.custom2 {
    background: #194F90;
    color: #ffffff;
}
.panel-body.custom2 small {
    color: #ffffff;
    font-size: 40%;
}
.row.forum-stats {
    margin-left: 5px;
    margin-right: 5px;
}

Wow that looks great!!

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac It’ll look like this

CSS (already applied to your forum)

.panel-heading.custom {
    background: #ffc557;
    color: #194F90;
}
.panel-body.custom2 {
    background: #194F90;
    color: #ffffff;
}
.panel-body.custom2 small {
    color: #ffffff;
    font-size: 40%;
}
.row.forum-stats {
    margin-left: 5px;
    margin-right: 5px;
}

Wow that looks great!!

Many thanks Mark incredibly happy with the result!

[phenomlab]

@jac Good. Thanks for letting me know.

[JAC]

@phenomlab brilliant mate . Thanks again.

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