How can I disable vertical centering?

[AhmedThahir66]

Sorry if the solution is already existing, but I can't seem to find anywhere.

How do I make the default start position of all content of my slides to be vertically-aligned to the top rather than the middle, while maintaining all other default reveal.js styles?

[hakimel]

You can align your content to the top by setting the center config option to false.

Reveal.initialize({
  center: false
})

Here's an example with centering disabled: https://revealjs.com/demo/?center=false

[hannenz]

I am looking for how to disable vertical centering, too, and I cannot get it working in 4.2.1 as well. The slides in the example you posted above are vertically centered as well -- or am I getting something really wrong here? Try resizing the viewport to some portrait-mode ratio and it becomes very clear that the slide content is definetely centered vertically. Looking into Dev.tools confirms this: (hover over the <div class="slides"> node). If this is the intended behavior then there is no way that the slide content starts always at the top of the viewport? Thanks for any clarification on this issue

[hakimel]

The center config option disables vertically centering of content within the slide.

The slides themselves are still scaled and centered on screen to work on all display sizes. If you want to disable this and roll your own responsive styles, try the disableLayout option:

Reveal.initialize({ disableLayout: true })

Sorry about the confusion 🙃

[agneym]

@hakimel Can we disable the layout for a particular slide and keep it for the rest?