In diesem Video beantworte ich eine Nutzerfrage. Diese bezieht sich auf ein Video von 2015!
Ist ein Styling des vollbreiten Sliders, wie ich es 2015 umgesetzt habe heute noch möglich und sinnvoll? Die Antwort erfährst Du im Video :-)
Hier noch der CSS-Code, den ich im Video verwende:
#startslider .et_pb_slide_title,
#startslider p strong {
position: relative;
display: inline-block;
line-height: 2em
}
#startslider .et_pb_slide_title:before {
content: "";
height: 100%;
width: 1000%;
background-color: #000000;
position: absolute;
top: -5px;
right: -40px;
z-index: -1;
-moz-transform: skew(-21deg, 0deg);
-webkit-transform: skew(-21deg, 0deg);
-o-transform: skew(-21deg, 0deg);
-ms-transform: skew(-21deg, 0deg);
transform: skew(-21deg, 0deg);
border-right: 10px solid #FBB03B;
}
#startslider p strong:before {
content: "";
height: 100%;
width: 800%;
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0px;
right: -25px;
z-index: -1;
-moz-transform: skew(-21deg, 0deg);
-webkit-transform: skew(-21deg, 0deg);
-o-transform: skew(-21deg, 0deg);
-ms-transform: skew(-21deg, 0deg);
transform: skew(-21deg, 0deg);
}
#startslider .et-pb-active-slide .et_pb_slide_image {
z-index:999999;
}
Das war das Video von 2015:
