Reveal.js: Default theme text is too small

Created on 1 Jun 2016  路  3Comments  路  Source: hakimel/reveal.js

I love reveal.js, and I love that people are able to make sharp presentations easily and quickly.

But the default theme has text that is too small for most presentation venues, and enormous margins that show lots of empty space instead of the presenter's message.

Would you be open to changing the default theme to be a more reasonable default?

Most helpful comment

Sure, I made a few changes;

  • Increased default font size
  • Reduced default page margin from 10% to 4%
  • Increase default max scale from 1.5x to 2x

Here's the before and after in a gif:
reveal-js-default-size

Note that if you include the zoom.js plugin, you can alt+click on an element to zoom in on it. This is particularly useful for elements like code blocks. Can try it out at http://lab.hakim.se/reveal-js/#/13

All 3 comments

Especially for code blocks. It looks perfect on laptop but too small for TV or projectors.

Sure, I made a few changes;

  • Increased default font size
  • Reduced default page margin from 10% to 4%
  • Increase default max scale from 1.5x to 2x

Here's the before and after in a gif:
reveal-js-default-size

Note that if you include the zoom.js plugin, you can alt+click on an element to zoom in on it. This is particularly useful for elements like code blocks. Can try it out at http://lab.hakim.se/reveal-js/#/13

Note about alt+click: on most Linux window managers it will not be propagated to the page, as it's caught by window manager itself to move window. You can still press ctrl+alt+click or shift+alt+click to try it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

deisi picture deisi  路  4Comments

draptik picture draptik  路  3Comments

karlroberts picture karlroberts  路  4Comments

patarapolw picture patarapolw  路  5Comments

MurhafSousli picture MurhafSousli  路  5Comments