NodeBB customisation

[phenomlab]

@jac said in NodeBB customisation:

Is there a way to change the titles to bold at all?

Yes - just remove this block

.topic-title {
    font-weight: 300 !important;
}

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

Is there a way to change the titles to bold at all?

Yes - just remove this block

.topic-title {
    font-weight: 300 !important;
}

Many thanks mate, will try this later .

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

Is there a way to change the titles to bold at all?

Yes - just remove this block

.topic-title {
    font-weight: 300 !important;
}

Many thanks mate, will try this later .

Worked great, many thanks .

[phenomlab]

@jac Good

[JAC]

@phenomlab said in NodeBB customisation:

@jac Good

Still going with the little changes here and there, so many thanks for the continued support .

[phenomlab]

@jac No problems. I’ll close this thread as soon as we’re done. It currently exists as a showcase for how you’ve modified your NodeBB install to get it to look how you desire. This would then serve as a guide for others looking to go down the same rabbit hole.

[JAC]

@phenomlab said in NodeBB customisation:

@jac No problems. I’ll close this thread as soon as we’re done. It currently exists as a showcase for how you’ve modified your NodeBB install to get it to look how you desire. This would then serve as a guide for others looking to go down the same rabbit hole.

Great idea!

Mamy thanks again

[JAC]

Looking to add a line / divider under eachother comment to seperate them properly, is this possible?

Many thanks.

[phenomlab]

@jac Something like this ?

.topic .posts.timeline .timeline-event:not(:last-child), .topic .posts.timeline>[component=post]:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
}

[JAC]

@phenomlab said in NodeBB customisation:

@jac Something like this ?

.topic .posts.timeline .timeline-event:not(:last-child), .topic .posts.timeline>[component=post]:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
}

Thanks Mark, I’ll apply this when I can.

As for the tags in the screenshot are they generally big or it is the screenshot that is playing tricks? .

[phenomlab]

@jac said in NodeBB customisation:

are they generally big or it is the screenshot that is playing tricks?

They’re big. I noticed that. It’s because of the tags page we recently changed to get the Stockport colour layout. Use this to fix it

.tag-list .tag {
    height: 26px;
    border-radius: 4px;
    margin-left: 5px;
}

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

are they generally big or it is the screenshot that is playing tricks?

They’re big. I noticed that. It’s because of the tags page we recently changed to get the Stockport colour layout. Use this to fix it

.tag-list .tag {
    height: 26px;
    border-radius: 4px;
    margin-left: 5px;
}

Many thanks mate, that has fixed the issue .

[JAC]

Is there a way to change the colour of the online status?

Many thanks .

[phenomlab]

@jac are you referring to the green dot ? What would you like to change ?

[JAC]

@phenomlab yes mate,

I was thinking blue when online and yellow when offline

Many thanks

[phenomlab]

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

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