NodeBB customisation

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

[JAC]

Hi Mark,

How do get an image to show at the top of the the page? I think I discussed this in a previous thread or possibly this one, to have like Stockport fans at the top of the page or a big banner that reflects what the forum is about.

[phenomlab]

@jac Like this ?

[JAC]

@phenomlab yes but without copying, so possibly somehow different . If not possible don’t worry.

Have requested the logo from @katos and once the logo is added and a banner or something like what you sent me it will look fantastic!

[JAC]

@jac said in NodeBB customisation:

@phenomlab yes but without copying, so possibly somehow different . If not possible don’t worry.

Have requested the logo from @katos and once the logo is added and a banner or something like what you sent me it will look fantastic!

But believe me although your ideas are fantastic and what you can do to customise the look and feel etc really is brilliant but it is not my intention to copy everything so please accept my apology if it comes across that way Mark.

[phenomlab]

@jac Not all all.

[JAC]

@phenomlab said in NodeBB customisation:

@jac Not all all.

Many thanks pal, really appreciate that.

[JAC]

@phenomlab said in NodeBB customisation:

@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%;
}

I have a new stats widget at the bottom of the forum.

How do I style the widget so like you have done with the others?

Many thanks

[JAC]

@jac said in NodeBB customisation:

@phenomlab said in NodeBB customisation:

@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%;
}

I have a new stats widget at the bottom of the forum.

How do I style the widget so like you have done with the others?

Many thanks

But if possible with white writing if it makes it easier to see.

Many thanks.

[JAC]

There is also an issue with the page styling.

Despite entering a new line the text wants to be bunched up together, I presume this is just an issue with the styling to correct it.

After the first full stop it the second part should be understood in smaller font realistically.

[phenomlab]

@jac I wrote a re-usable function for your forum that means it can be deployed anywhere - there are two choices - see below

Option 1

Option 2

This is set in the widget itself

The two styles are custom and custom2 and they are interchangeable. Option 2 is currently selected.