Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Customising NodeBB

2

3

206

Log in to reply

JAC
last edited by

I’m looking to customise my NodeBB theme to match the football club colours & general design so it catches the eye of the reader.

For example the first thing I want to do is try to change the menu colour to #194F90 is something like this possible?

Many thanks .
1 Reply Last reply
Reply Quote 0
JAC
last edited by

Only just seen this duplicate post if you wish to migrate threads.

https://sudonix.com/topic/21/customising-nodebb
1 Reply Last reply
Reply Quote 0
Topic is now a regular thread phenomlab
phenomlab

Admin

Global Moderator
last edited by

Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation
1 Reply Last reply
Reply Quote 0
Locked by phenomlab
Unlocked by phenomlab
Locked by phenomlab

Discover More

Solved Gettin Erors NodeBB
Configure • nodebb eror • • cagatay

7

0
Votes

7
Posts

42
Views

@phenomlab no forum is working goods.
there is no eror message since yestarday.
Solved Title on homepage of nodebb forum
Customisation • nodebb • • eeeee

2

1
Votes

2
Posts

147
Views

@eveh Welcome board 🙂

The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps
Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; }
Note, that you will need to adjust your CSS code to suit your own site / requirements.
Solved nodebb chat roll dice game
Customisation • dev roll dice game chat • • DownPW

29

1
Votes

29
Posts

290
Views

@phenomlab said in nodebb chat roll dice game:

@DownPW I still think you could do something much quicker with jQuery.

Why not but like I said, I have no skills to do that.

If you are motivated, why not but I don’t want to bother you especially since it will only be for a certain period of time.
Unsolved Fontawesome 5
Customisation • fonts css nodebb • • pwsincd

14

0
Votes

14
Posts

244
Views

@pwsincd hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
Solved Adjusting the size of boxes in posts-list class
Customisation • nodebb • • crazycells

3

0
Votes

3
Posts

96
Views

@phenomlab thanks a lot, this combination works best 👍
.posts-list .posts-list-item .content { overflow: auto; max-height: 600px; }
Solved [NODEBB] Welcome Message
Customisation • css html nodebb • • DownPW

18

0
Votes

18
Posts

475
Views

For anyone reviewing this post, there’s an updated version here that also includes an sunrise / sun / moon icon depending on the time of day

https://sudonix.com/topic/233/nodebb-welcome-message-with-logo-footer-change/3?_=1645445273209
Solved unable to upvote on forum
Performance • • Hari

10

0
Votes

10
Posts

256
Views

@phenomlab yes, i can understand. it is working now 🙂
Solved [NodeBB] Creating new user to auto post content
Customisation • • JAC

3

0
Votes

3
Posts

200
Views

@phenomlab many thanks Mark 😁.

1 / 1