How to control the markdown blockquote in slide ?

[reberac]

Hello, When I use a markdown blockquote (">") it uses only something like 70% of the slide width

I've try to custom rise using the notebook metadata like this :

"livereveal": { "width": 2048, "height": 1024, "footer": "

Hello

", "start_slideshow_at": "selected", "blockquote": { "width": "100%" } }

but the last option "blockquote" has no effect. I'm not sure it exists but I have no error message. Any suggestion that could solve this issue ?

Thank you so much,

Aurélie

[damianavila]

When I use a markdown blockquote (">") it uses only something like 70% of the slide width

Probably a CSS thing...

but the last option "blockquote" has no effect. I'm not sure it exists but I have no error message.

It does not exist.

Any suggestion that could solve this issue ?

Adding a custom CSS (https://damianavila.github.io/RISE/customize.html#adding-custom-css) could help but you need to investigate which CSS properly you need to modify. WIth the object inspector from your browser, it should be easy to identify it.

[reberac]

Hi, thanks for your answer, but unfortunately after more than 3 hours looking for a solution, no success... I'm note sure I see what you are talking about regarding the object inspector...

[reberac]

Me again...just to let you know that I solve my issue by adding a custom CSS file and the following lines: .reveal blockquote { background: #A9E2F3; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; width: 100%; }

(.reveal was missing in my previous tentatives...)

Thank you :-)

[reberac]

Me again, just to let you know that I solve my issue by adding a custom CSS with the following lines : .reveal blockquote { background: #A9E2F3; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; width: 100%; }

.reveal was missing in my previous tentatives... thank you!

[damianavila]

@reberac, we probably need something like this into the main.css: https://github.com/damianavila/RISE/blob/master/src/less/main.less

I will reopen this to not forget to do it. You are also welcome to PR this change.

[reberac]

Hi Damian, I have a new issue. In slide mode code cell are "cut" at the bottom

How can I add some padding ?

Thank you so much Kind regards, Aurélie

[damianavila]

That's weird... Maybe did you switch from a monitor into your laptop display or another display/monitor? Do you see the same in the notebook view? Did this behavior start after you customizations in the CSS?

[reberac]

In the notebook view it displays correctly. When I remove my customizations in the CSS I have the exactly the same behaviour. It is very strange, if i go into slide mode when my browser (chrome) is already full screen mode, cells are cut. I then switch to Windows mode and again to full screen and cells are not more cut...

[parmentelat]

you probably know that, but just in case, you need to force a full reload of the page when you mess with css

doing Shift + click-reload or equivalently Shift-Alt-R if Alt-R is the keyboard shortcut to reload, are usual tricks to achieve just this

[damianavila]

It is very strange, if i go into slide mode when my browser (chrome) is already full screen mode, cells are cut. I then switch to Windows mode and again to full screen and cells are not more cut...

This is very interesting... I should try to reproduce it. I remember that I had to fix something related to fullscreen mode a long time ago.