Rise: Jupyter Notebook RISE distorts layout of the HTML/CSS presentation

Created on 12 Jan 2019 · 3Comments · Source: damianavila/RISE

Reported here: https://github.com/jupyter/notebook/issues/4296

question

Source

damianavila

👍1

Most helpful comment

There is a lot to say here.

It is important to understand that there are actually several styling sources that are at work when you run a RISE presentation:

first, everything runs as a notebook so all the jupyter styling - and typically notebook.less among others - is in effect;
second, reveal.js is involved as well of course as the slide presentation engine, and this brings in the corresponding theme - see https://github.com/hakimel/reveal.js#theming - default within RISE being simple;

Also, regarding your remark on using classes versus ids because of the css syntax being misinterpreted as Python comments: when using RISE there are other and safer means to inject CSS into the mix, as described in this link https://rise.readthedocs.io/en/docs_hot_fixes/customize.html#adding-custom-css

parmentelat on 13 Jan 2019

❤1 👍1

All 3 comments

@Foadsf, my guess is something about reveal.css conflicting with the CSS you have put there... you probably need to do some exploration to know what rules are conflicting and how to overwrite them successfully.

damianavila on 12 Jan 2019

👍1

@damianavila thanks for the new issue and the comment. I have posted the code here I would appreciate if you could take a look at it.

Foadsf on 12 Jan 2019

There is a lot to say here.

It is important to understand that there are actually several styling sources that are at work when you run a RISE presentation:

first, everything runs as a notebook so all the jupyter styling - and typically notebook.less among others - is in effect;
second, reveal.js is involved as well of course as the slide presentation engine, and this brings in the corresponding theme - see https://github.com/hakimel/reveal.js#theming - default within RISE being simple;