Ergänzung:
Eine weitere Möglichkeit wäre, den Inhalt nochmals in einem div zu setzen, dann kannst Du auch mit padding-bottom: 56.25%; (16:9) arbeiten
im css dann
Code: Select all
.onepage_page.ratio-16-9 {
flex: 1 1 330px;
}
#id41_beispiele_ratio-16-9-image01 .onepage_page_inner {
padding-bottom: 56.25%;
position: relative;
background: url(images/sunset-oldtimer.jpg) no-repeat center / cover;
color: white;
}
#id41_beispiele_ratio-16-9-image02 .onepage_page_inner {
…
usw.
.onepage_page_inner > div {
padding: 4em;
position: absolute;
}
Vorausgesetzt in Deinem Template ist es dann so:
Code: Select all
<main id="wrapper">
<div id="content"><?php echo multionepage_content();?></div>
</main>