Hallo,
Ich setze im Menüpunkt mit itemid-435 ein Hintergrundbild
Code
.itemid-435 {
background-image: url("../../../images/stories/background3.jpg");
background-size: cover;
}
Das funktioniert in J3.10/Protostar und in J4/Cassiopeia
Nun möchte ich ein teiltransparentes Overlay über das Bild legen.
In J3.10/Protostar funktioniert das formatfüllend mit
Code
.itemid-435 > .body > .container-fluid {
background-color: rgb(255,255,255,0.5);
margin: -20px;
}
In J4/Cassiopeia habe ich es versucht mit
Code
.container-component {
background-color: rgb(255,255,255,0.5)
margin-left: -20px;
margin-right: -20px;
margin-bottom: -10px;
}
Das sieht dann so aus wie hier. Das Overlay ist nicht formatfüllend mit symmetrischem Rand rechts/links.
Margin schiebt das Overlay nur schief: rechts tut sich garnichts; unsymmetrisch.
Was mache ich falsch?
vG