CODEWITHSUNDEEP
cssmarkdownquartoreveal.js
Claudio
Claudio

Reputation: 1550

Vertical aligning the first-level slides in Quarto revealjs

I am creating a presentation in Reveal using Quarto markdown with horizontal and vertical slides. The content of the first-level slides is vertically centered, is there a way (possibly using CSS) to have it aligned at the top of the slide?

---
title: "My presentation"
format: revealjs
---

# First horizontal slide
- Content
- Content

# Second horizontal slide
- Content
- Content

## First vertical slide
- Content
- Content

Upvotes: 0

Views: 594

Answers (1)

Shafee
Shafee

Reputation: 20107

Yes, just add the following css.

style.css

section.level1 {
    top: 0px !important;
}

presentation.qmd

---
title: "My presentation"
format: revealjs
css: styles.css
---

# First horizontal slide
- Content
- Content

# Second horizontal slide
- Content
- Content

## First vertical slide
- Content
- Content

Upvotes: 1

Related Questions