How do I change the width of Jupyter notebook's cell's left part?

Question

I already increase the width of the jupyter notebook's cell on my browser with this

.container {
    width:100% !important;
}

However, I would also like to narrow the left part of the text cell.

enter image description here

For the above picture I would like shrink the part div.prompt.input_prompt .

Is it possible to do it with just css? how?

Also, if this can be done, how to empty left part automatically for all non-code cells?

Answer 1

The prompt width is set in notebook/static/notebook/less/cell.less#L80 , so you could do something like:

/* Narrow the prompts */
.prompt {
    min-width: 10ex;
}

/* Hide prompts altogether for non-conda cells */
.cell:not(.code_cell) .prompt {
    display: none;
}

Answer 2

 from IPython.core.display import display, HTML display(HTML("<style>.prompt_container{display:none !important}</style>"))

enter code here it will make left part of the all cell hide and give more space to work Example Here:- enter image description here