XenForo trying to add particles to header

[williamt]

Can anyone help me add particles to the header please. I have this code and not sure where to place it and how to make it show in the header. It works fine for the background. I added this to the extra.less for the background.

.pg-canvas {
position: absolute;
z-index: 1;
}
* {
z-index: 2;
}

JavaScript:

<!--XF:JS-->
    <script src="https://cdn.rawgit.com/jnicol/particleground/69195da3/jquery.particleground.min.js"></script>

    <script>

        $(".p-body").particleground()...

Read more

Continue reading...