Custom css file for jupyter notebook

Question

I would like to use custom .css style file for my jupyter notebook inside jupyterHub. I placed the custom.css file inside ~.jupyter/custom/custom.css and /opt/conda/lib/python3.6/site-packages/notebook/static/custom and neither of them works. Any idea how to force custom css style when using DockerSpawner?

This directory ~/.jupyter/custom/custom.css, did mean on jupyterhub container or jupyter-notebook (user) container. cutsom folder must be on user container. — saurssaurav
– saurssaurav, Commented Feb 11, 2019 at 12:15
I had my custom folder in user container like ~/.jupyter/custom/custom.css . And its running perfectly taking all custom css. Did you check inside container if custom folder exist ? — saurssaurav
– saurssaurav, Commented Feb 11, 2019 at 12:40
@saurssaurav I will check it once again later and let you know — Bociek
– Bociek, Commented Feb 11, 2019 at 15:32

Constantinos · Accepted Answer · 2020-04-25 22:14:21Z

2

Probably too late to help OP, but leaving here for future dwellers:

I placed my custom.css and custom.js in /usr/local/lib/python3.6/dist-packages/notebook/static/custom/ and it worked perfectly.

NB I don't use conda, and I use the default (Local) spawner instead of DockerSpawner (if that's relevant).

answered Apr 25, 2020 at 22:14

Constantinos

1,20812 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SBMVNO · Accepted Answer · 2021-09-11 04:37:11Z

0

The location for "Anaconda3 , Windows10, Everyone to Access" is c:\programData\Anaconda3\Lib\site-packages\notebook\static\custom\custom.css

We may look for ~/.jupyter/custom/custom.css . if it does not exist, we can create one. However, since it is just created, we need to restart the notebook to be effective. Afterwards, we may simply change the contents of the file anytime without restarting the notebook.

edited Sep 11, 2021 at 4:37

answered Sep 8, 2021 at 6:03

SBMVNO

6424 silver badges14 bronze badges

1 Comment

Community Over a year ago

Please add further details to expand on your answer, such as working code or documentation citations.

Collectives™ on Stack Overflow

Custom css file for jupyter notebook

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related