IPython/Jupyter Notebook enlarge/change cell width

ipython_notebook_large_width.py

from IPython.display import display, HTML

display(HTML(data="""
<style>
    div#notebook-container    { width: 95%; }
    div#menubar-container     { width: 65%; }
    div#maintoolbar-container { width: 99%; }
</style>
"""))

This was extremely useful, thank you.

This is exactly what I was looking for -- thanks so much.

how do we make this permanent

@febinsathar, unfortunately I don't know. I came here today because I couldn't find a way to make it permanent. 😞

You don't have to put the configuration in all Notebooks.

Create a file in the location ~/.jupyter/custom/custom.css with the customized CSS content. I have customized in a way to make the Notebook to take advantage of all screen width:

.container {
    width: 99% !important;
}   

div.cell.selected {
    border-left-width: 1px !important;	
}

div.output_scroll {
    resize: vertical !important;
}

It needs to restart the Notebook in order to take effect (just restarting the Kernel does not work).

Thanks @averri !
BTW, if I zoom in at 150% or 200% in my browser, I get an extra scroll bar that take up space on the right side (over both toolbar and cells).
Funny enough I don't see it at 175%. Any way to ensure a secondary scrollbar does not appear at any browser zoom level?

Best gist ever.

awsome ! thanks

This was really helpful - thank you! A great find/suggestion. And just to be clear for those who come along - just cut and paste this code in a separate cell at the top of your notebook - you can even do it after the fact and execute it and it works great.

But here is the other question: how do you extend the default height of a cell so that you don't get the scrollbar on the right side (so you can see an entire chart, for example, that you want to make fairly large).

Hello:
I have modified the file custom.css .container { width:100% !important; } so that the notebook occupies 100% of the screen, however when exporting the notebook to html, the result is an html that does not occupy the whole screen (we see all that space on the left and on the right):

any suggestions?

Thanks!

This actually made my working area narrower on a portrait oriented (vertical) monitor on Linux Ubuntu 18.
Similar code on Stackoverflow seems to have made my working area marginally wider.

This is so useful, thank you!!!!

Wonderful! Thank you!

Than you so much. This is really helpful!

Thank you very much...... So usefull!!!

Extremely helpful. Thanks!

Awesome, I want to give you a hug!

But here is the other question: how do you extend the default height of a cell so that you don't get the scrollbar on the right side (so you can see an entire chart, for example, that you want to make fairly large).

Same question. How do you adjust height, e.g., setting a specific pixel count?

@kauttoj should be CSS: height: Kpx;, for K in real numbers.

Thank you so much

Please forgive my naivete, but how and where does one execute:
from IPython.display import display, HTML

display(HTML(data="""

<style> div#notebook-container { width: 95%; } div#menubar-container { width: 65%; } div#maintoolbar-container { width: 99%; } </style>

"""))
??