NodeBB customisation

[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

[JAC]

@phenomlab said in NodeBB customisation:

@jac I see why. Fixed

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

Amazing mate, thank you so much for doing this!!

[JAC]

Was thinking about customising breadcrumbs is this something that is possible? / Where the title is and customise that with some colours?

Many thanks as always!

[phenomlab]

@jac there aren’t any breadcrumbs in that screenshot ?

[JAC]

@phenomlab said in NodeBB customisation:

@jac there aren’t any breadcrumbs in that screenshot ?

Ignore me mate. Sorry, I read they can be added in, don’t worry about that.

I was thinking some styling to where the title sits?

[phenomlab]

@jac what are you looking for ?

[JAC]

@phenomlab said in NodeBB customisation:

@jac what are you looking for ?

I’m not on the laptop currently so am unable to do it, but was thinking of maybe moving the message that’s displayed and just showing that for now on the home page only?

As for the titles, maybe a blue background with white writing? May look bad but I’m trying to (with the great help from yourself) make it very much fit in with Stockport colours at every opportunity without overdoing it ;).

[phenomlab]

@jac Ok. Might make sense to put together a mock up of sorts and I’ll work from that.

[JAC]

@phenomlab said in NodeBB customisation:

@jac Ok. Might make sense to put together a mock up of sorts and I’ll work from that.

Thanks mate. Will do

[JAC]

What I want is where the title is to be blue in the background, with white font?

And then I thought well this will clash with the menu bar that is also blue so I don’t know whether it can be done but maybe a yellow line to separate the menu and the article title?

Many thanks.

[phenomlab]

@jac I’m not so sure about this

It’s too much blue (my opinion). I’d do this

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

.topic [component="post/header"] {
    margin-top: 0;
    background: #ffc557;
    color: #00205c;
    padding-left: 20px;
    padding-bottom: 5px;
}

It’s in keeping with the club colours, and will look like this

[JAC]

@phenomlab said in NodeBB customisation:

@jac I’m not so sure about this

It’s too much blue (my opinion). I’d do this

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

.topic [component="post/header"] {
    margin-top: 0;
    background: #ffc557;
    color: #00205c;
    padding-left: 20px;
    padding-bottom: 5px;
}

It’s in keeping with the club colours, and will look like this

Wow that looks great!!!

,