How to avoid setting the same background image for all the slides by  ?

[Minyus]

Thank you for the awesome tool!

I'm trying to use a background image for all the slides.
Is there any smarter way to avoid repeating ![bg](image_image_path) in all the slides?

[yhatt]

Try to use backgroundImage local directive.

---
backgroundImage: url('image_file_path')
---

your contents here

There is an exactly matched example at https://marp.app/!

[Minyus]

Worked perfect! Thank you!

[jmrcardoso]

Thanks. Any chance of setting up opacity for the global image background?

[yhatt]

@jmrcardoso

So, first, the bad news…

There’s no CSS property that you can use to change the opacity of only the background image.

— https://coder-coder.com/background-image-opacity/

Instead of setting opacity to the background image, you also can fill by a single color image with a specific transparency over the background. background-image property allows multiple backgrounds and CSS linear-gradient function is treated as the image, so the definition is:

---
backgroundImage: linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)), url('./your-image.png')
---

your contents here

[jmrcardoso]

Thanks. Works perfectly!