Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Customising top and bottom black bars #358

Closed
danielepolencic opened this issue Jun 16, 2021 · 3 comments
Closed

Customising top and bottom black bars #358

danielepolencic opened this issue Jun 16, 2021 · 3 comments

Comments

@danielepolencic
Copy link

I tried to search for a solution in this repository and in the marp-team/core. I could not make it work, hence the question.
I want to customise the <body> of the presentation so that the slides are presented on a white background.

I added the following directive to my markdown:

---
style: |
  body {
    background: red !important
  }
---

... slides here

However, I cannot remove the black bars.
image

What should I try next?

Thanks.
@yhatt

This comment was marked as resolved.

Sign in to view
@danielepolencic

This comment was marked as resolved.

Sign in to view
@yhatt yhatt mentioned this issue Oct 26, 2021
Closed
@yhatt yhatt mentioned this issue Nov 19, 2021
Merged
3 tasks
@yhatt yhatt mentioned this issue Nov 27, 2021
Merged
@yhatt
Copy link
Member

yhatt commented Nov 27, 2021

UPDATE: The latest Marp CLI v1.5.0 follows the update of the base framework Marpit. It can style the slide container through ::backdrop CSS selector.

Now you can change the black backdrop without hack:

---
style: |
  ::backdrop {
    background: red;
  }
---

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@danielepolencic @yhatt