Modifying content width of Jupyter book, or the Sphinx theme sphinx-book-theme

Asked Aug 08 '22 at 18:41

Active Aug 10 '22 at 12:51

Viewed 587 times

I am using jupyter-book which by default uses the sphinx-book-theme.

There is a left sidebar, the content in the middle column and a right sidebar. I would like to make the content column wider.

This was answered for the readthedocs-theme, but I'm not sure what style name to use here.

edited Aug 10 '22 at 12:51

asked Aug 08 '22 at 18:41

James Hirschorn

You will have to override at least `media (min-width: 768px) #main-content { max-width: 70%; }` and either or both left or right columns to adjust it to your preference. – Steve Piercy Aug 10 '22 at 06:37
The setting you gave seems to have no effect. – James Hirschorn Aug 15 '22 at 10:54
Did you also adjust the left or right column width? – Steve Piercy Aug 16 '22 at 08:59
Yes, but I'm not sure what I'm doing since I don't know `css`. I copied the sidebar adjustment from someone else's repo. I have published a test book on github. Here is my [`custom.css`](https://github.com/quantitative-technologies/jupyter-book-issue/blob/gh-pages/_static/custom.css). – James Hirschorn Aug 16 '22 at 20:18
Try also `@media (min-width: 720px) .col-md-3 { flex: 0 0 45%; max-width: 45%; }` – Steve Piercy Aug 17 '22 at 09:47
I put your last comment as the entire `custom.css` but it did not have any visible effect. (I also pushed the update to my github where you can see the result.) – James Hirschorn Aug 18 '22 at 20:39
I see only one CSS entry, not two. You need both at least. – Steve Piercy Aug 19 '22 at 13:37
I put both, if I understood you correctly. Still no effect. – James Hirschorn Aug 21 '22 at 14:38

0 Answers0