How do I set custom CSS for my IPython/IHaskell/Jupyter Notebook?
Starting Jupyter / IPython 4.1, the custom folder location has changed to ~/.jupyter/custom/
. So place your custom.css
and custom.js
like this:
~/.jupyter/custom/custom.css
~/.jupyter/custom/custom.js
Works for me that way. Credits goes to Liang2
Edit:
If you are missing ~/.jupyter
folder, you can use jupyter notebook --generate-config
command to generate the folder.
I think the path to your custom.css
should be:
~/.ipython/profile_default/static/custom/custom.css
custom
folder instead of css
folder.
To add custom CSS to a particular notebook you can use HTML
. Add and execute a regular Python code cell with the following content:
from IPython.core.display import HTML
HTML("""
<style>
// add your CSS styling here
</style>
""")
Alternatively (thanks @abalter) use the %%html
cell magic:
%%html
<style>
// add your CSS styling here
</style>