- Betroffene Version
- WoltLab Suite 5.2
Hallo zusammen,
in meinem Dashboard auf https://wasserlasser.com/index.php?dashboard/ möchte ich eine Box anzeigen lassen, die einen Hintergrund hat.
Dazu habe ich folgenden HTML Code
Code
<div class="hero-image">
<div class="hero-text">
<h1 style="font-size:50px">Wasserlasser AddOns</h1>
<p>Your source for AddOns</p>
<button>Download them now</button>
</div>
</div>
Dann möchte ich diese Box noch formatieren und habe folgendes CSS
Code
.box[data-box-identifier="com.woltlab.wcf.genericBox175"]
{
body, html {
height: 100%;
}
.hero-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../walagraph/hintergrund.png');
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
}
Alles anzeigen
Ich habe beim Bild und dessen URL schon alles probiert, aber es wird nicht angezeigt.
Wo liegt mein Denkfehler?
Gruss
Wasserlasser