Customisation

@Teemberland great spot ! You should create a PR for that so they can include it in the official repository.

Just be aware that any subsequent releases will overwrite your fix without the PR.

@cagatay You should ask in the NodeBB forums. Perhaps reference this post

https://discuss.flarum.org/d/23066-who-read

@cagatay That matches what I see

4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png

@phenomlab said in Q&A Plugin Changes NodeBB:

float: right;
left: 10px;
}

worked thank you 🙂

@cagatay no problems

@phenomlab

grrrrrrr
grrrrr

that simple…

Thanks Mark

@cagatay You’d target the body tag and use the below line of CSS

background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed;

Obviously, you need to change the path to suit where your image is being stored.

More info around the background property can be found here

https://www.w3schools.com/cssref/css3_pr_background.php

Closing this in favour of https://sudonix.com/topic/357/post-style-view/28

@cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example

body { font-family: "Poppins"; font-size: 16px; }

Essentially, you use the font-size CSS directive.

@phenomlab yes it caused a problem for mobile users.
thank you for helping …

@phenomlab
YAY! It works
Thanks so much

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

@DownPW just circling back to this, as I did eventually find the class. Seems you can disable the outline using the below CSS

textarea { outline: none; }

@RiekMedia 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 ?

@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 ?

@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 ?

@DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?

@phenomlab

I love it too

@phenomlab said in Blinking text Effect:

Has that “broken neon light” look that you see in films.

It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too 😉

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

No no it’s ok @phenomlab
I just comment the 2 lines mentionned aboves 😉