Hallo,
ich bin Anfänger und würde gerne den Text (Lorem ipsum), der zwischen den beiden Slider-Bildern auftaucht und im Moment je nach Textlänge eine unterschiedliche Höhe hat, im Slider (Bildhöhe) vertikal zentrieren. Wie bekomme ich das hin?
HTML-Code:
<div class="container">
<div class="margin-top single-portfolio">
<div class="owl-carousel single-portfolio-slider">
<div>
<img src="img/single-portfolio/bild_1“ alt="Portfolio">
</div>
<div>
<div class="content-portfolio">
<p class="text-center">Lorem ipsum</p>
</div>
</div>
<div>
<img src="img/single-portfolio/bild_2“ alt="Portfolio">
</div>
</div>
</div>
</div>
<div class="controls-portfolio">
<a class="prev-slide"></a>
<a class="next-slide"></a>
</div>
Code:
.margin-top{
margin-top: 0px;
}
.single-portfolio{
position: relative;
top: auto;
}
.single-portfolio-slider{
width: 100%;
}
.owl-carousel.single-portfolio-slider, .single-portfolio-slider .owl-item{
padding:0;
}
.single-portfolio-slider img{
max-width: 100%;
}
.content-portfolio p{
font-size: 26px;
line-height: 30px;
}