NodeBB customisation

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

look a bit more professional and cleaner

Had another go at this. The best I’ve come up with is

.recent-cards .recent-card-container .recent-card .recent-card-body {
    height: 143px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    max-width: 200px;
    line-height: 1.2;
    white-space: nowrap;
}

Which looks like the below

Thanks mate for all the efforts. I’ll leave it how it is for now and wait and see if it can be fixed sometime. Thank you for the efforts mate .

[JAC]

Going to implement all of the above now…

As for the footer widget I can’t remove the NodeBB text as I’m not on the laptop you, I’m happy to include phenomlab on there for all your efforts and continued help?

Maybe something live Version 1 in the footer and then when a significant change is made the version number can be updated.

[phenomlab]

@jac said in NodeBB customisation:

As for the footer widget I can’t remove the NodeBB text as I’m not on the laptop you, I’m happy to include phenomlab on there for all your efforts and continued help?

Done

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

Itz probably a longshot anyway, but is there any way to change the link colour on the quotes to yellow?

Like this ?

blockquote .plugin-mentions-user.plugin-mentions-a {
    color: #ffc557;
}

For some reason this didn’t appear to work, would this change make any URLs in a quote yellow too?

Many thanks.

[phenomlab]

@jac No - that just targets the mention name.

[JAC]

@phenomlab said in NodeBB customisation:

@jac No - that just targets the mention name.

For some reason it hasn’t worked mate?

Would there be a way to change the URL colour in quote to stand out or is that too difficult?

Many thanks as always!

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac No - that just targets the mention name.

For some reason it hasn’t worked mate?

Would there be a way to change the URL colour in quote to stand out or is that too difficult?

Many thanks as always!

I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

[phenomlab]

@jac said in NodeBB customisation:

I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

Use this

blockquote .plugin-mentions-user.plugin-mentions-a {
    color: #ffc557 !important;
}

[phenomlab]

@jac said in NodeBB customisation:

Would there be a way to change the URL colour in quote to stand out or is that too difficult?

Can you send me a URL where this is an issue to save me trawling through your forum ?

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

Use this

blockquote .plugin-mentions-user.plugin-mentions-a {
    color: #ffc557 !important;
}

Fantastic mate, that’s sorted it

[JAC]

@phenomlab said in NodeBB customisation:

@jac said in NodeBB customisation:

Would there be a way to change the URL colour in quote to stand out or is that too difficult?

Can you send me a URL where this is an issue to save me trawling through your forum ?

Sure… here

[JAC]

It’s probably my fault as I’ve chosen a background colour that natively clashes, would you prefer me to change the quote colour instead?

[phenomlab]

@jac Use this

blockquote a {
    color: #ffc557;
}

You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

blockquote a:hover {
    color: #db9716;
}

[JAC]

@phenomlab said in NodeBB customisation:

@jac Use this

blockquote a {
    color: #ffc557;
}

You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

blockquote a:hover {
    color: #db9716;
}

Worked a treat mate, thank you very much as always, a massive help!

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@jac Use this

blockquote a {
    color: #ffc557;
}

You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

blockquote a:hover {
    color: #db9716;
}

Worked a treat mate, thank you very much as always, a massive help!

I think all the changes may have affected this.

Is there any way to replicate colours on the tags page for the widget?

Sorry to be a pain…

[phenomlab]

@jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

[JAC]

@phenomlab said in NodeBB customisation:

@jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

[phenomlab]

@jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

[JAC]

@phenomlab said in NodeBB customisation:

@jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

No mate I didn’t.

[phenomlab]

@jac I see why. Fixed

I’ve changed the CSS on your site already, so nothing for you to do