Display content on the space assigned to a lateral background image

[jtppragg]

I am using a right-aligned header in order to gain more vertical space for the slide title (on the left) using this solution #47 (comment).

However, when including a background image at the right side of the slide (see below), the header is right aligned to the center of the slide instead.

![bg right fit](figs/schema.png)

Is it possible to keep the header at the right of the slide in this case too?

[yhatt]

Any contents including header and footer cannot make a influence into the area for split backgrounds, because ![bg right]() is for making a reserved space for the background.

Using section::before

A only way to place a custom text over the splitted background is using section::before pseudo-selector and content declaration.

![bg right](https://picsum.photos/720?image=29)

<style>
section::before {
  content: 'Text over the splitted background!';

  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 60px;
}
</style>

section::before and section::after pseudo-elements are designed for the content over the slide and section::after is reserved for the pagination by paginate directive. Thus, you can use section::before only for now.