So after relaunching this site using Umbraco and the default Bootstrap 4 theme (blog) i realised there was no <code> highlighting included in bootstrap.
This seemed pretty nifty and much easier than codiing a ton of css myself.
To implement this you just need to add 3 very small lines into the <head> if the site:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
Then wrap your code with the following:
If the auto highlighting doesn't work or you would like to use a different style you can manually set it like so:
Or if you would like to disable code highlighting altogether: